@fragments-sdk/cli 0.7.3 → 0.7.5

package/dist/init-DZQOT54X.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/commands/init.ts"],"sourcesContent":["/**\n * fragments init - Smart interactive initialization\n *\n * Handles three scenarios:\n * 1. Stories found → Configure and load existing stories\n * 2. Components found (no stories) → Auto-generate documentation\n * 3. Fresh project → Guided setup with example component\n */\n\nimport { readFile, writeFile, mkdir, access } from \"node:fs/promises\";\nimport { resolve, join, relative } from \"node:path\";\nimport { spawn } from \"node:child_process\";\nimport pc from \"picocolors\";\nimport { BRAND } from \"../core/index.js\";\nimport fg from \"fast-glob\";\nimport { input, confirm, select } from \"@inquirer/prompts\";\n\nexport interface InitOptions {\n  /** Project root directory */\n  projectRoot?: string;\n  /** Force overwrite existing config */\n  force?: boolean;\n  /** Non-interactive mode - auto-detect and use defaults */\n  yes?: boolean;\n}\n\nexport interface InitResult {\n  success: boolean;\n  configPath?: string;\n  scenario: \"stories\" | \"components\" | \"fresh\";\n  storiesFound: number;\n  componentsFound: number;\n  errors: string[];\n}\n\ninterface DetectionResult {\n  storyFiles: string[];\n  componentFiles: string[];\n  hasConfig: boolean;\n  configPath: string | null;\n  suggestedComponentPath: string;\n}\n\n/**\n * Detect what exists in the project\n */\nasync function detectProject(projectRoot: string): Promise<DetectionResult> {\n  console.log(pc.dim(\"\\nScanning project...\\n\"));\n\n  // Check for existing config\n  const configPath = join(projectRoot, BRAND.configFile);\n  const legacyConfigPath = join(projectRoot, BRAND.legacyConfigFile);\n  let hasConfig = false;\n  let foundConfigPath: string | null = null;\n\n  try {\n    await access(configPath);\n    hasConfig = true;\n    foundConfigPath = configPath;\n  } catch {\n    try {\n      await access(legacyConfigPath);\n      hasConfig = true;\n      foundConfigPath = legacyConfigPath;\n    } catch {\n      // No config\n    }\n  }\n\n  // Scan for story files\n  const storyFiles = await fg(\n    [\"**/*.stories.tsx\", \"**/*.stories.ts\", \"**/*.stories.jsx\", \"**/*.stories.js\"],\n    {\n      cwd: projectRoot,\n      ignore: [\"**/node_modules/**\", \"**/dist/**\", \"**/build/**\", \"**/.storybook/**\"],\n    }\n  );\n\n  // Scan for component files (React components)\n  const componentFiles = await fg(\n    [\"**/components/**/*.tsx\", \"**/Components/**/*.tsx\", \"src/**/*.tsx\"],\n    {\n      cwd: projectRoot,\n      ignore: [\n        \"**/node_modules/**\",\n        \"**/dist/**\",\n        \"**/build/**\",\n        \"**/*.stories.*\",\n        \"**/*.test.*\",\n        \"**/*.spec.*\",\n        \"**/*.d.ts\",\n        \"**/index.tsx\", // Skip barrel files\n      ],\n    }\n  );\n\n  // Filter to likely component files (capitalized names, not utility files)\n  const likelyComponents = componentFiles.filter((f) => {\n    const fileName = f.split(\"/\").pop() || \"\";\n    return /^[A-Z]/.test(fileName) && !fileName.includes(\".styles\");\n  });\n\n  // Suggest component path based on what we found\n  let suggestedComponentPath = \"src/components\";\n  if (likelyComponents.length > 0) {\n    const firstComponent = likelyComponents[0];\n    const parts = firstComponent.split(\"/\");\n    const componentsIndex = parts.findIndex(\n      (p) => p.toLowerCase() === \"components\"\n    );\n    if (componentsIndex !== -1) {\n      suggestedComponentPath = parts.slice(0, componentsIndex + 1).join(\"/\");\n    }\n  }\n\n  return {\n    storyFiles,\n    componentFiles: likelyComponents,\n    hasConfig,\n    configPath: foundConfigPath,\n    suggestedComponentPath,\n  };\n}\n\n/**\n * Generate config file content\n */\nfunction generateConfig(options: {\n  includePaths: string[];\n  componentPaths: string[];\n  framework: string;\n}): string {\n  const includeStr = options.includePaths.map((p) => `    '${p}'`).join(\",\\n\");\n  const componentStr = options.componentPaths.map((p) => `    '${p}'`).join(\",\\n\");\n\n  return `import type { FragmentsConfig } from '@fragments-sdk/cli';\n\nconst config: FragmentsConfig = {\n  // Glob patterns for finding fragment/story files\n  include: [\n${includeStr}\n  ],\n\n  // Glob patterns to exclude\n  exclude: ['**/node_modules/**'],\n\n  // Glob patterns for finding component files (for auto-documentation)\n  components: [\n${componentStr}\n  ],\n\n  // Framework (react, vue, svelte)\n  framework: '${options.framework}',\n};\n\nexport default config;\n`;\n}\n\n/**\n * Generate example Button component\n */\nfunction generateExampleComponent(): string {\n  return `import React from 'react';\n\nexport interface ButtonProps {\n  /** Button label */\n  children: React.ReactNode;\n  /** Visual style variant */\n  variant?: 'primary' | 'secondary' | 'ghost';\n  /** Button size */\n  size?: 'sm' | 'md' | 'lg';\n  /** Disabled state */\n  disabled?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n}\n\nexport function Button({\n  children,\n  variant = 'primary',\n  size = 'md',\n  disabled = false,\n  onClick,\n}: ButtonProps) {\n  const baseStyles = 'inline-flex items-center justify-center font-medium rounded-md transition-colors';\n\n  const variantStyles = {\n    primary: 'bg-blue-600 text-white hover:bg-blue-700',\n    secondary: 'bg-gray-200 text-gray-900 hover:bg-gray-300',\n    ghost: 'bg-transparent text-gray-700 hover:bg-gray-100',\n  };\n\n  const sizeStyles = {\n    sm: 'px-3 py-1.5 text-sm',\n    md: 'px-4 py-2 text-base',\n    lg: 'px-6 py-3 text-lg',\n  };\n\n  return (\n    <button\n      className={\\`\\${baseStyles} \\${variantStyles[variant]} \\${sizeStyles[size]}\\`}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n}\n`;\n}\n\n/**\n * Generate example Button fragment file\n */\nfunction generateExampleFragment(): string {\n  return `import React from 'react';\nimport { defineFragment } from '@fragments-sdk/cli';\nimport { Button } from './Button';\n\nexport default defineFragment({\n  component: Button,\n\n  meta: {\n    name: 'Button',\n    description: 'Interactive button for triggering actions',\n    category: 'Actions',\n    status: 'stable',\n  },\n\n  usage: {\n    when: [\n      'Triggering an action (save, submit, delete)',\n      'Form submission',\n      'Opening dialogs or menus',\n    ],\n    whenNot: [\n      'Simple navigation (use Link)',\n      'Toggling state (use Switch)',\n    ],\n    guidelines: [\n      'Use Primary for the main action in a context',\n      'Only one Primary button per section',\n    ],\n  },\n\n  props: {\n    children: {\n      type: 'node',\n      required: true,\n      description: 'Button label content',\n    },\n    variant: {\n      type: 'enum',\n      values: ['primary', 'secondary', 'ghost'],\n      default: 'primary',\n      description: 'Visual style variant',\n    },\n    size: {\n      type: 'enum',\n      values: ['sm', 'md', 'lg'],\n      default: 'md',\n      description: 'Button size',\n    },\n  },\n\n  variants: [\n    {\n      name: 'Primary',\n      description: 'Default action button',\n      render: () => <Button variant=\"primary\">Save Changes</Button>,\n    },\n    {\n      name: 'Secondary',\n      description: 'Less prominent action',\n      render: () => <Button variant=\"secondary\">Cancel</Button>,\n    },\n    {\n      name: 'Ghost',\n      description: 'Minimal visual weight',\n      render: () => <Button variant=\"ghost\">Learn More</Button>,\n    },\n    {\n      name: 'Sizes',\n      description: 'Available size options',\n      render: () => (\n        <div style={{ display: 'flex', gap: '8px', alignItems: 'center' }}>\n          <Button size=\"sm\">Small</Button>\n          <Button size=\"md\">Medium</Button>\n          <Button size=\"lg\">Large</Button>\n        </div>\n      ),\n    },\n  ],\n});\n`;\n}\n\n/**\n * Start the dev server\n */\nfunction startDevServer(projectRoot: string): void {\n  console.log(pc.dim(\"\\nStarting development server...\\n\"));\n\n  // Use process.platform to determine the correct command\n  const isWindows = process.platform === \"win32\";\n  const cmd = isWindows ? \"npx.cmd\" : \"npx\";\n\n  const child = spawn(cmd, [BRAND.cliCommand, \"dev\"], {\n    cwd: projectRoot,\n    stdio: \"inherit\",\n  });\n\n  child.on(\"error\", (err) => {\n    console.error(pc.red(\"Failed to start dev server:\"), err.message);\n  });\n}\n\n/**\n * Main init function - smart and interactive by default\n */\nexport async function init(options: InitOptions = {}): Promise<InitResult> {\n  const projectRoot = resolve(options.projectRoot || process.cwd());\n  const errors: string[] = [];\n\n  console.log(pc.cyan(`\\n✨ Welcome to ${BRAND.name}!\\n`));\n\n  // Step 1: Detect what exists\n  const detection = await detectProject(projectRoot);\n\n  // Check for existing config\n  if (detection.hasConfig && !options.force) {\n    console.log(pc.yellow(`⚠ Config already exists: ${BRAND.configFile}`));\n\n    if (!options.yes) {\n      const overwrite = await confirm({\n        message: \"Do you want to reinitialize? (This will overwrite your config)\",\n        default: false,\n      });\n\n      if (!overwrite) {\n        console.log(pc.dim(`\\nKeeping existing configuration. Run \\`${BRAND.cliCommand} dev\\` to start.\\n`));\n        return {\n          success: true,\n          scenario: \"stories\",\n          storiesFound: detection.storyFiles.length,\n          componentsFound: detection.componentFiles.length,\n          errors: [],\n        };\n      }\n    }\n  }\n\n  // Step 2: Determine scenario and show what we found\n  let scenario: \"stories\" | \"components\" | \"fresh\";\n\n  if (detection.storyFiles.length > 0) {\n    scenario = \"stories\";\n    console.log(pc.green(`✓ Found ${detection.storyFiles.length} Storybook story file(s)`));\n    console.log(pc.dim(`  ${detection.storyFiles.slice(0, 3).join(\"\\n  \")}`));\n    if (detection.storyFiles.length > 3) {\n      console.log(pc.dim(`  ... and ${detection.storyFiles.length - 3} more`));\n    }\n    console.log();\n    console.log(\n      pc.cyan(\"Great news! \") +\n        \"Fragments can load your existing stories automatically.\"\n    );\n  } else if (detection.componentFiles.length > 0) {\n    scenario = \"components\";\n    console.log(pc.green(`✓ Found ${detection.componentFiles.length} component file(s)`));\n    console.log(pc.dim(`  ${detection.componentFiles.slice(0, 3).join(\"\\n  \")}`));\n    if (detection.componentFiles.length > 3) {\n      console.log(pc.dim(`  ... and ${detection.componentFiles.length - 3} more`));\n    }\n    console.log();\n    console.log(\n      pc.cyan(\"No stories found, but that's fine! \") +\n        \"Fragments can auto-generate documentation from your TypeScript.\"\n    );\n  } else {\n    scenario = \"fresh\";\n    console.log(pc.yellow(\"No components or stories found.\"));\n    console.log();\n    console.log(pc.cyan(\"Let's create your first fragment!\"));\n  }\n\n  console.log();\n\n  // Step 3: Gather configuration (interactive unless --yes)\n  let componentPath = detection.suggestedComponentPath;\n  let runScan = scenario === \"components\";\n  let createExample = scenario === \"fresh\";\n  let startServer = true;\n\n  if (!options.yes) {\n    // Ask about component location\n    componentPath = await input({\n      message: \"Where are your components located?\",\n      default: detection.suggestedComponentPath,\n    });\n\n    if (scenario === \"components\") {\n      // For component-only projects, ask about scanning\n      runScan = await confirm({\n        message: \"Auto-generate documentation from TypeScript?\",\n        default: true,\n      });\n    } else {\n      // Fresh project - ask about example\n      createExample = await confirm({\n        message: \"Create an example Button component to get started?\",\n        default: true,\n      });\n    }\n\n    // Ask about starting the server\n    startServer = await confirm({\n      message: \"Start the viewer now?\",\n      default: true,\n    });\n  }\n\n  // Step 4: Create configuration\n  console.log(pc.dim(\"\\nCreating configuration...\\n\"));\n\n  // Build include patterns\n  // Note: Stories are loaded separately by the viewer, not via include patterns\n  const includePaths: string[] = [\n    `${componentPath}/**/*.fragment.tsx`,\n    `${componentPath}/**/*.fragment.tsx`, // Legacy support\n  ];\n\n  // Create config file\n  const configPath = join(projectRoot, BRAND.configFile);\n  const configContent = generateConfig({\n    includePaths,\n    componentPaths: [`${componentPath}/**/*.tsx`],\n    framework: \"react\",\n  });\n\n  try {\n    await writeFile(configPath, configContent, \"utf-8\");\n    console.log(pc.green(`✓ Created ${BRAND.configFile}`));\n  } catch (e) {\n    errors.push(`Failed to create config: ${e}`);\n  }\n\n  // Step 5: Handle scenario-specific setup\n  if (scenario === \"fresh\" && createExample) {\n    // Create example component\n    const exampleDir = join(projectRoot, componentPath, \"Button\");\n\n    try {\n      await mkdir(exampleDir, { recursive: true });\n\n      // Write Button.tsx\n      await writeFile(\n        join(exampleDir, \"Button.tsx\"),\n        generateExampleComponent(),\n        \"utf-8\"\n      );\n      console.log(\n        pc.green(`✓ Created ${relative(projectRoot, join(exampleDir, \"Button.tsx\"))}`)\n      );\n\n      // Write Button.fragment.tsx\n      await writeFile(\n        join(exampleDir, \"Button.fragment.tsx\"),\n        generateExampleFragment(),\n        \"utf-8\"\n      );\n      console.log(\n        pc.green(\n          `✓ Created ${relative(projectRoot, join(exampleDir, \"Button.fragment.tsx\"))}`\n        )\n      );\n    } catch (e) {\n      errors.push(`Failed to create example component: ${e}`);\n    }\n  }\n\n  if (scenario === \"components\" && runScan) {\n    // Run scan to generate fragments.json\n    console.log(pc.dim(\"\\nGenerating documentation from source code...\\n\"));\n    try {\n      const { scan } = await import(\"./scan.js\");\n      await scan({\n        config: configPath,\n        verbose: false,\n      });\n    } catch (e) {\n      console.log(\n        pc.yellow(`Note: Auto-documentation will run when you start the dev server.`)\n      );\n    }\n  }\n\n  // Step 6: Show next steps or start server\n  if (errors.length === 0) {\n    console.log(pc.green(\"\\n✓ Setup complete!\\n\"));\n\n    if (startServer) {\n      const serverMessage =\n        scenario === \"stories\"\n          ? `Your ${detection.storyFiles.length} stories are loading...`\n          : scenario === \"components\"\n          ? `Your ${detection.componentFiles.length} components are being documented...`\n          : `Your first component is ready!`;\n\n      console.log(pc.cyan(serverMessage));\n      startDevServer(projectRoot);\n    } else {\n      console.log(pc.cyan(\"Next steps:\"));\n      console.log(`  1. Run ${pc.bold(`${BRAND.cliCommand} dev`)} to start the viewer`);\n      if (scenario === \"fresh\") {\n        console.log(`  2. Edit ${pc.bold(`${componentPath}/Button/Button.fragment.tsx`)}`);\n      }\n      console.log();\n    }\n  }\n\n  return {\n    success: errors.length === 0,\n    configPath: errors.length === 0 ? configPath : undefined,\n    scenario,\n    storiesFound: detection.storyFiles.length,\n    componentsFound: detection.componentFiles.length,\n    errors,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/viewer-QTR7QJMM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/viewer/server.ts","../src/viewer/vite-plugin.ts","../src/viewer/render-utils.ts","../src/viewer/style-utils.ts"],"sourcesContent":["/**\n * Fragments Dev Server\n *\n * Runs a Vite dev server that:\n * 1. Uses the project's existing Vite/build configuration\n * 2. Has access to all project dependencies\n * 3. Can render actual components with proper styling\n * 4. Supports HMR for fragment file changes\n *\n * This is the \"Storybook-like\" experience for Fragments.\n */\n\nimport {\n  createServer,\n  mergeConfig,\n  loadConfigFromFile,\n  type ViteDevServer,\n  type InlineConfig,\n} from \"vite\";\nimport react from \"@vitejs/plugin-react\";\nimport { resolve, dirname, join } from \"node:path\";\nimport { existsSync, realpathSync } from \"node:fs\";\nimport { fileURLToPath } from \"node:url\";\nimport { loadConfig, discoverFragmentFiles, discoverInstalledFragments } from \"../core/node.js\";\nimport { fragmentsPlugin } from \"./vite-plugin.js\";\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n// At runtime, __dirname is dist/. Viewer assets live in src/viewer/.\nconst cliPackageRoot = resolve(__dirname, \"..\");\nconst viewerRoot = resolve(cliPackageRoot, \"src/viewer\");\nconst packagesRoot = resolve(cliPackageRoot, \"..\");\nconst uiLibRoot = resolve(packagesRoot, \"../libs/ui/src\");\n\nexport interface DevServerOptions {\n  /** Port to run the server on */\n  port?: number;\n  /** Path to fragments config file */\n  configPath?: string;\n  /** Open browser on start */\n  open?: boolean;\n  /** Project root (defaults to cwd) */\n  projectRoot?: string;\n}\n\n/**\n * Create and start the Fragments dev server.\n *\n * The server runs WITHIN the project's context, meaning:\n * - All project dependencies are available\n * - SCSS, CSS modules, etc. work automatically\n * - Path aliases from tsconfig.json work\n * - Components render exactly as they would in the app\n */\nexport async function createDevServer(\n  options: DevServerOptions = {}\n): Promise<ViteDevServer> {\n  const startTime = performance.now();\n  const {\n    port = 6006,\n    configPath,\n    open = true,\n    projectRoot = process.cwd(),\n  } = options;\n\n  console.log(\"\\n🔧 Loading configuration...\");\n\n  // Load fragments config\n  const { config, configDir } = await loadConfig(configPath);\n\n  // Discover fragment files (local + installed packages)\n  const fragmentFiles = await discoverFragmentFiles(config, configDir);\n  const installedFiles = await discoverInstalledFragments(projectRoot);\n  const allFragmentFiles = [...fragmentFiles, ...installedFiles];\n  console.log(`📦 Found ${fragmentFiles.length} local + ${installedFiles.length} installed fragment file(s)`);\n\n  // Try to load project's Vite config\n  let projectViteConfig: InlineConfig = {};\n  const viteConfigPath = findViteConfig(projectRoot);\n\n  if (viteConfigPath) {\n    console.log(`📄 Using project Vite config: ${viteConfigPath}`);\n    try {\n      const loaded = await loadConfigFromFile(\n        { command: \"serve\", mode: \"development\" },\n        viteConfigPath,\n        projectRoot\n      );\n      if (loaded) {\n        projectViteConfig = loaded.config;\n      }\n    } catch (error) {\n      console.warn(\"⚠️  Could not load project Vite config:\", error);\n    }\n  } else {\n    console.log(\"ℹ️  No project Vite config found, using defaults\");\n  }\n\n  // Find node_modules (handles monorepo setups)\n  const nodeModulesPath = findNodeModules(projectRoot);\n  console.log(`📁 Using node_modules: ${nodeModulesPath}`);\n\n  // Collect installed package roots so Vite can serve files from node_modules\n  const installedPkgRoots = [...new Set(\n    installedFiles.map(f => {\n      const idx = f.absolutePath.indexOf('/node_modules/');\n      if (idx === -1) return dirname(f.absolutePath);\n      const afterNm = f.absolutePath.slice(idx + '/node_modules/'.length);\n      const pkgName = afterNm.startsWith('@')\n        ? afterNm.split('/').slice(0, 2).join('/')\n        : afterNm.split('/')[0];\n      return resolve(projectRoot, 'node_modules', pkgName);\n    })\n  )];\n\n  // Our Fragments-specific configuration\n  const fragmentsConfig: InlineConfig = {\n    configFile: false, // Don't load config again\n    root: projectRoot, // Run from PROJECT root\n    base: \"/\",\n\n    server: {\n      port,\n      open: open ? \"/fragments/\" : false,\n      fs: {\n        // Allow serving files from viewer package, project, UI library, and node_modules root\n        allow: [viewerRoot, uiLibRoot, projectRoot, configDir, dirname(nodeModulesPath), ...installedPkgRoots],\n      },\n    },\n\n    plugins: [\n      // React support (if not already in project config)\n      ...(hasReactPlugin(projectViteConfig) ? [] : [react()]),\n\n      // Fragments plugins (array including SVGR)\n      ...fragmentsPlugin({\n        fragmentFiles: allFragmentFiles,\n        config,\n        projectRoot,\n      }),\n    ],\n\n    // CSS configuration\n    css: {},\n\n    optimizeDeps: {\n      // Include common dependencies for faster startup\n      include: [\"react\", \"react-dom\", \"react/jsx-runtime\", \"react/jsx-dev-runtime\"],\n    },\n\n    // Ensure we can resolve viewer's dependencies\n    resolve: {\n      // Dedupe ensures all imports of these packages resolve to the same copy\n      dedupe: [\"react\", \"react-dom\"],\n      alias: {\n        // Allow importing from viewer package\n        \"@fragments/viewer\": viewerRoot,\n        // Resolve @fragments/ui to the UI library source for dogfooding\n        \"@fragments/ui\": resolve(uiLibRoot, \"index.ts\"),\n        // Resolve @fragments/core to the consolidated core source\n        \"@fragments/core\": resolve(cliPackageRoot, \"src/core/index.ts\"),\n        // Ensure ALL react imports resolve to project's node_modules\n        // This is critical for viewer files loaded from outside project root\n        \"react\": safeRealpath(join(nodeModulesPath, \"react\")),\n        \"react-dom\": safeRealpath(join(nodeModulesPath, \"react-dom\")),\n        \"react/jsx-runtime\": safeRealpath(join(nodeModulesPath, \"react/jsx-runtime\")),\n        \"react/jsx-dev-runtime\": safeRealpath(join(nodeModulesPath, \"react/jsx-dev-runtime\")),\n      },\n    },\n  };\n\n  // Merge project config with our config\n  // Project config takes precedence for most things\n  const mergedConfig = mergeConfig(projectViteConfig, fragmentsConfig);\n\n  console.log(\"🚀 Starting dev server...\\n\");\n\n  // Create and start the server\n  const server = await createServer(mergedConfig);\n  await server.listen();\n\n  // Log startup time\n  const startupTime = ((performance.now() - startTime) / 1000).toFixed(2);\n  console.log(`⚡ Server ready in ${startupTime}s`);\n\n  return server;\n}\n\n/**\n * Resolve symlinks to real paths, with fallback.\n */\nfunction safeRealpath(p: string): string {\n  try {\n    return realpathSync(p);\n  } catch {\n    return p;\n  }\n}\n\n/**\n * Resolve @fragments packages with fallback to monorepo packages.\n * This handles the case where the viewer is served from the fragments monorepo\n * but the user's project doesn't have @fragments packages installed.\n */\nfunction resolveFragmentsPackage(packageName: string, nodeModulesPath: string): string {\n  // Try project's node_modules first\n  const projectPath = join(nodeModulesPath, `@fragments/${packageName}/dist/index.js`);\n  if (existsSync(projectPath)) {\n    return safeRealpath(projectPath);\n  }\n\n  // Fall back to monorepo packages (sibling to viewer)\n  const monorepoPath = resolve(packagesRoot, packageName, \"dist/index.js\");\n  if (existsSync(monorepoPath)) {\n    return safeRealpath(monorepoPath);\n  }\n\n  // Return project path anyway (will error with helpful message)\n  return projectPath;\n}\n\n/**\n * Find node_modules directory by walking up from projectRoot.\n * This handles monorepo setups where node_modules is at the root.\n */\nfunction findNodeModules(startDir: string): string {\n  let current = startDir;\n  while (current !== dirname(current)) {\n    const nodeModulesPath = join(current, \"node_modules\");\n    if (existsSync(join(nodeModulesPath, \"react\"))) {\n      return nodeModulesPath;\n    }\n    current = dirname(current);\n  }\n  // Fallback to projectRoot/node_modules\n  return join(startDir, \"node_modules\");\n}\n\n/**\n * Find Vite config file in project.\n */\nfunction findViteConfig(projectRoot: string): string | null {\n  const configFiles = [\n    \"vite.config.ts\",\n    \"vite.config.js\",\n    \"vite.config.mts\",\n    \"vite.config.mjs\",\n  ];\n\n  for (const file of configFiles) {\n    const path = join(projectRoot, file);\n    if (existsSync(path)) {\n      return path;\n    }\n  }\n\n  return null;\n}\n\n/**\n * Check if project config already has React plugin.\n */\nfunction hasReactPlugin(config: InlineConfig): boolean {\n  if (!config.plugins) return false;\n\n  const plugins = Array.isArray(config.plugins)\n    ? config.plugins\n    : [config.plugins];\n\n  return plugins.some((plugin) => {\n    if (!plugin) return false;\n    if (Array.isArray(plugin)) {\n      return plugin.some(\n        (p) =>\n          p && typeof p === \"object\" && \"name\" in p && p.name?.includes(\"react\")\n      );\n    }\n    return (\n      typeof plugin === \"object\" &&\n      \"name\" in plugin &&\n      plugin.name?.includes(\"react\")\n    );\n  });\n}\n","/**\n * Fragments Vite Plugin\n *\n * This plugin runs WITHIN the project's Vite context, giving it access to:\n * - All project dependencies (React, UI libraries, etc.)\n * - Project's loaders (SCSS, CSS modules, etc.)\n * - Project's path aliases (@/components, etc.)\n * - Project's tsconfig paths\n *\n * It provides:\n * - Virtual module for fragment imports\n * - Viewer UI served at /fragments/\n * - HMR support for fragment file changes\n */\n\nimport type { Plugin, ViteDevServer, ResolvedConfig } from \"vite\";\nimport { resolve, dirname } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport { readFile } from \"node:fs/promises\";\nimport { transform } from \"esbuild\";\nimport type { FragmentsConfig, CompiledFragment } from \"../core/index.js\";\nimport { generateContext, BRAND } from \"../core/index.js\";\nimport {\n  findStorybookDir,\n  findPreviewConfigPath,\n  generatePreviewModule,\n} from \"../core/node.js\";\nimport svgr from \"vite-plugin-svgr\";\nimport {\n  generateRenderScript,\n  generateVariantRenderScript,\n  generateA11yRenderScript,\n  findFragmentByName,\n  getAvailableComponents,\n  type RenderRequest,\n} from \"./render-utils.js\";\nimport {\n  compareStyles,\n  type StyleDiffItem,\n} from \"./style-utils.js\";\n\n/**\n * Request body for /fragments/compare endpoint\n */\ninterface CompareRequest {\n  /** Component name */\n  component: string;\n  /** Variant name (optional, uses first variant if not specified) */\n  variant?: string;\n  /** Props to render with */\n  props?: Record<string, unknown>;\n  /** Figma URL (optional if fragment has figma link) */\n  figmaUrl?: string;\n  /** Viewport dimensions */\n  viewport?: { width: number; height: number };\n  /** Figma access token (can be passed from CLI) */\n  figmaToken?: string;\n  /** Diff threshold percentage (default: 1.0) */\n  threshold?: number;\n  /** Include style comparison from Figma design properties */\n  includeStyleDiff?: boolean;\n}\n\n/**\n * Response from /fragments/compare endpoint\n */\ninterface CompareResponse {\n  /** Whether diff is within threshold */\n  match: boolean;\n  /** Diff percentage (0-100) */\n  diffPercentage: number;\n  /** Threshold that was used */\n  threshold: number;\n  /** Rendered component screenshot (base64 PNG) */\n  rendered: string;\n  /** Figma design image (base64 PNG) */\n  figma: string;\n  /** Diff image highlighting differences (base64 PNG) */\n  diff: string;\n  /** The Figma URL that was used */\n  figmaUrl: string;\n  /** Regions that changed */\n  changedRegions: Array<{\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  }>;\n  /** Style comparison results (when includeStyleDiff is true) */\n  styleDiff?: {\n    /** Whether all styles match */\n    match: boolean;\n    /** Individual property comparisons */\n    properties: StyleDiffItem[];\n    /** CSS properties from Figma design */\n    figmaStyles: Record<string, string>;\n    /** Computed CSS properties from rendered component */\n    renderedStyles: Record<string, string>;\n  };\n}\n\nconst __dirname = dirname(fileURLToPath(import.meta.url));\n// At runtime, __dirname is dist/. Viewer assets live in src/viewer/.\nconst viewerAssetsRoot = resolve(__dirname, \"..\", \"src/viewer\");\n\n// Store pending render requests (for internal render page to pick up)\nconst pendingRenders = new Map<\n  string,\n  { script: string; viewport?: { width: number; height: number } }\n>();\n\n// Shared browser pool for render captures (lazy initialized)\nlet sharedRenderPool: any = null;\nlet browserPoolModule: any = null;\n\n/**\n * Get or create the shared browser pool for render captures.\n * The pool is lazily initialized on first use and reused across requests.\n */\nasync function getSharedRenderPool() {\n  if (!browserPoolModule) {\n    browserPoolModule = await import(\"../service/index.js\");\n  }\n\n  if (!sharedRenderPool) {\n    sharedRenderPool = new browserPoolModule.BrowserPool({\n      viewport: { width: 800, height: 600 }, // Default viewport, will be overridden per page\n      poolSize: 2, // Keep 2 contexts warm for parallel requests\n      idleTimeoutMs: 60000, // Keep warm for 60 seconds\n    });\n  }\n\n  return { pool: sharedRenderPool, bufferToBase64Url: browserPoolModule.bufferToBase64Url };\n}\n\nexport interface FragmentsPluginOptions {\n  /** Discovered fragment files */\n  fragmentFiles: Array<{\n    absolutePath: string;\n    relativePath: string;\n  }>;\n\n  /** Fragments configuration */\n  config: FragmentsConfig;\n\n  /** Project root directory */\n  projectRoot: string;\n}\n\n/**\n * Create the Fragments Vite plugin.\n * Returns an array of plugins to support SVGR and other transforms.\n */\nexport function fragmentsPlugin(options: FragmentsPluginOptions): Plugin[] {\n  const { fragmentFiles, config, projectRoot } = options;\n\n  // Virtual module IDs\n  const VIRTUAL_FRAGMENTS = `virtual:${BRAND.nameLower}`;\n  const VIRTUAL_FRAGMENTS_RESOLVED = `\\0virtual:${BRAND.nameLower}`;\n\n  const VIRTUAL_VIEWER_ENTRY = `virtual:${BRAND.nameLower}-viewer-entry`;\n  const VIRTUAL_VIEWER_ENTRY_RESOLVED = `\\0virtual:${BRAND.nameLower}-viewer-entry`;\n\n  const VIRTUAL_PREVIEW = `virtual:${BRAND.nameLower}-preview`;\n  const VIRTUAL_PREVIEW_RESOLVED = `\\0virtual:${BRAND.nameLower}-preview`;\n\n  let server: ViteDevServer | null = null;\n  let resolvedConfig: ResolvedConfig | null = null;\n\n  // Detect Storybook preview config path\n  const storybookDir = findStorybookDir(projectRoot);\n  const previewConfigPath = storybookDir\n    ? findPreviewConfigPath(storybookDir)\n    : null;\n\n  // Track fragment files for HMR\n  const fragmentFileSet = new Set(fragmentFiles.map((f) => f.absolutePath));\n\n  const mainPlugin: Plugin = {\n    name: \"fragments\",\n\n    // Add process.env shim and esbuild config for Storybook compatibility\n    config() {\n      return {\n        define: {\n          // Shim process.env for story files that use it (e.g., process.env.STORYBOOK_*)\n          \"process.env\": \"{}\",\n        },\n        esbuild: {\n          // Handle JSX in .js files (common in Storybook preview.js files)\n          loader: \"tsx\",\n          include: /\\.(tsx?|jsx?)$/,\n        },\n        optimizeDeps: {\n          // Force esbuild to handle .js files with JSX\n          esbuildOptions: {\n            loader: {\n              \".js\": \"jsx\",\n            },\n          },\n        },\n      };\n    },\n\n    // Store resolved config\n    configResolved(config) {\n      resolvedConfig = config;\n    },\n\n    // Store server reference for HMR\n    configureServer(_server) {\n      server = _server;\n\n      // Serve the viewer UI at /fragments/\n      _server.middlewares.use(async (req, res, next) => {\n        // Handle /fragments/render endpoint for AI preview\n        if (req.url === \"/fragments/render\" && req.method === \"POST\") {\n          try {\n            // Parse JSON body\n            const body = await parseJsonBody(req);\n            const { component, props = {}, viewport, variant } = body as RenderRequest;\n\n            if (!component) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({ error: \"Missing required field: component\" })\n              );\n              return;\n            }\n\n            // Load fragments to find the component\n            const loadedFragments = await loadFragmentsForRender(\n              fragmentFiles,\n              projectRoot\n            );\n            const fragmentInfo = findFragmentByName(component, loadedFragments);\n\n            if (!fragmentInfo) {\n              const available = getAvailableComponents(loadedFragments);\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({\n                  error: `Component '${component}' not found. Available: ${available.join(\n                    \", \"\n                  )}`,\n                })\n              );\n              return;\n            }\n\n            // Find the absolute path for the fragment\n            const fragmentFile = fragmentFiles.find(\n              (f) => f.relativePath === fragmentInfo.path\n            );\n            if (!fragmentFile) {\n              res.writeHead(500, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({ error: \"Could not resolve fragment file path\" })\n              );\n              return;\n            }\n\n            // Generate render script — use variant render if specified, otherwise props\n            const renderScript = variant\n              ? generateVariantRenderScript(\n                  fragmentFile.absolutePath,\n                  fragmentInfo.name,\n                  variant\n                )\n              : generateRenderScript(\n                  fragmentFile.absolutePath,\n                  fragmentInfo.name,\n                  props\n                );\n\n            // Store the render request for the render page to pick up\n            const requestId =\n              Date.now().toString(36) + Math.random().toString(36).slice(2);\n            pendingRenders.set(requestId, { script: renderScript, viewport });\n\n            // Get server address\n            const address = _server.httpServer?.address();\n            const port =\n              typeof address === \"object\" && address ? address.port : 6006;\n\n            // Use Playwright to render and capture\n            const screenshot = await captureRender(\n              `http://localhost:${port}/fragments/__render__/${requestId}`,\n              viewport || { width: 800, height: 600 }\n            );\n\n            // Clean up\n            pendingRenders.delete(requestId);\n\n            res.setHeader(\"Content-Type\", \"application/json\");\n            res.end(JSON.stringify({ screenshot }));\n          } catch (error) {\n            console.error(\"[Fragments] Error rendering:\", error);\n            res.writeHead(500, { \"Content-Type\": \"application/json\" });\n            res.end(\n              JSON.stringify({\n                error: error instanceof Error ? error.message : \"Render failed\",\n              })\n            );\n          }\n          return;\n        }\n\n        // Serve render page for AI preview (internal use)\n        if (req.url?.startsWith(\"/fragments/__render__/\")) {\n          const requestId = req.url\n            .split(\"/fragments/__render__/\")[1]\n            ?.split(\"?\")[0];\n          const renderData = pendingRenders.get(requestId || \"\");\n\n          if (!renderData) {\n            res.writeHead(404, { \"Content-Type\": \"text/plain\" });\n            res.end(\"Render request not found or expired\");\n            return;\n          }\n\n          await serveRenderHTML(res, _server, renderData.script);\n          return;\n        }\n\n        // Handle /fragments/compare endpoint for Figma design verification\n        if (req.url === \"/fragments/compare\" && req.method === \"POST\") {\n          try {\n            const body = (await parseJsonBody(req)) as CompareRequest;\n            const {\n              component,\n              variant,\n              props = {},\n              figmaUrl,\n              viewport,\n              threshold = 1.0,\n              includeStyleDiff = false,\n            } = body;\n\n            if (!component) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({ error: \"Missing required field: component\" })\n              );\n              return;\n            }\n\n            // Check for Figma access token (request body > env var > config)\n            const figmaToken =\n              body.figmaToken ||\n              process.env.FIGMA_ACCESS_TOKEN ||\n              config.figmaToken;\n            if (!figmaToken && !figmaUrl) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({\n                  error: `No Figma access token configured. Figma token: ${figmaToken}`,\n                  suggestion:\n                    \"Set FIGMA_ACCESS_TOKEN env var, add figmaToken to fragments.config.ts, or provide in request\",\n                })\n              );\n              return;\n            }\n\n            // Debug: Log fragment files\n            console.log(\"[Fragments] Compare request for:\", component);\n            console.log(\"[Fragments] fragmentFiles count:\", fragmentFiles.length);\n            console.log(\"[Fragments] First 3 fragment files:\", fragmentFiles.slice(0, 3).map(f => f.relativePath));\n            console.log(\"[Fragments] projectRoot:\", projectRoot);\n\n            // Load fragments to find the component and its figma URL\n            const loadedFragments = await loadFragmentsForRender(\n              fragmentFiles,\n              projectRoot\n            );\n            console.log(\"[Fragments] loadedFragments count:\", loadedFragments.length);\n            console.log(\"[Fragments] First 3 loaded:\", loadedFragments.slice(0, 3).map(s => s.fragment.meta.name));\n            const fragmentInfo = findFragmentByName(component, loadedFragments);\n\n            if (!fragmentInfo) {\n              const available = getAvailableComponents(loadedFragments);\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({\n                  error: `Component '${component}' not found. Available: ${available.join(\n                    \", \"\n                  )}`,\n                })\n              );\n              return;\n            }\n\n            // Find full fragment data to get figma URL\n            const fullFragmentData = await loadFullFragmentForCompare(\n              _server,\n              fragmentFiles,\n              component,\n              variant,\n              projectRoot\n            );\n\n            // Determine which Figma URL to use (request > variant > meta)\n            const effectiveFigmaUrl = figmaUrl || fullFragmentData?.figmaUrl;\n\n            if (!effectiveFigmaUrl) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({\n                  error: `No Figma URL for component '${component}'`,\n                  suggestion:\n                    \"Add 'figma' field to fragment definition or provide figmaUrl in request\",\n                })\n              );\n              return;\n            }\n\n            if (!figmaToken) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({\n                  error: \"Figma access token required for comparison\",\n                  suggestion:\n                    \"Set FIGMA_ACCESS_TOKEN env var or add figmaToken to fragments.config.ts\",\n                })\n              );\n              return;\n            }\n\n            // Find fragment file for rendering\n            const fragmentFile = fragmentFiles.find(\n              (f) => f.relativePath === fragmentInfo.path\n            );\n            if (!fragmentFile) {\n              res.writeHead(500, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({ error: \"Could not resolve fragment file path\" })\n              );\n              return;\n            }\n\n            // Get server port\n            const address = _server.httpServer?.address();\n            const port =\n              typeof address === \"object\" && address ? address.port : 6006;\n            const renderViewport = viewport || { width: 800, height: 600 };\n\n            // Import Figma service\n            const { FigmaClient, bufferToBase64Url } = await import(\n              \"../service/index.js\"\n            );\n            const figmaClient = new FigmaClient({\n              accessToken: figmaToken,\n            });\n\n            // Parse Figma URL to get file key and node ID for style diff\n            const { fileKey, nodeId } = figmaClient.parseUrl(effectiveFigmaUrl);\n\n            // Generate render script and request ID for component capture\n            const renderScript = generateRenderScript(\n              fragmentFile.absolutePath,\n              fragmentInfo.name,\n              props\n            );\n            const requestId =\n              Date.now().toString(36) + Math.random().toString(36).slice(2);\n            pendingRenders.set(requestId, {\n              script: renderScript,\n              viewport: renderViewport,\n            });\n\n            try {\n              // Execute render, Figma fetch, and optionally style fetch in parallel\n              const [captureResult, figmaImageResult, figmaDesignProps] = await Promise.all([\n                // Render and capture the component (with optional computed styles)\n                captureRenderWithStyles(\n                  `http://localhost:${port}/fragments/__render__/${requestId}`,\n                  renderViewport,\n                  includeStyleDiff\n                ),\n                // Fetch Figma image\n                figmaClient.getImageFromUrl(effectiveFigmaUrl),\n                // Fetch Figma design properties (only if includeStyleDiff is true)\n                includeStyleDiff\n                  ? figmaClient.getNodeProperties(fileKey, nodeId)\n                  : Promise.resolve(null),\n              ]);\n\n              const renderedImage = captureResult.screenshot;\n              const renderedStyles = captureResult.computedStyles;\n              const figmaImage = bufferToBase64Url(figmaImageResult.data);\n\n              // Compare the images\n              const compareResult = await compareImages(\n                renderedImage,\n                figmaImage,\n                threshold\n              );\n\n              // Build response\n              const response: CompareResponse = {\n                match: compareResult.matches,\n                diffPercentage: compareResult.diffPercentage,\n                threshold,\n                rendered: renderedImage,\n                figma: figmaImage,\n                diff: compareResult.diffImage || renderedImage,\n                figmaUrl: effectiveFigmaUrl,\n                changedRegions: compareResult.changedRegions,\n              };\n\n              // Add style diff if requested\n              if (includeStyleDiff && figmaDesignProps && renderedStyles) {\n                const figmaStyles = figmaClient.convertToCSS(figmaDesignProps);\n                // Convert CSSDesignProperties to Record<string, string | undefined>\n                const figmaStylesRecord: Record<string, string | undefined> = { ...figmaStyles };\n                const styleDiffResult = compareStyles(figmaStylesRecord, renderedStyles);\n                response.styleDiff = styleDiffResult;\n\n                // Update overall match to include style match\n                if (!styleDiffResult.match) {\n                  response.match = false;\n                }\n              }\n\n              res.setHeader(\"Content-Type\", \"application/json\");\n              res.end(JSON.stringify(response));\n            } finally {\n              pendingRenders.delete(requestId);\n            }\n          } catch (error) {\n            console.error(\"[Fragments] Error comparing:\", error);\n            res.writeHead(500, { \"Content-Type\": \"application/json\" });\n            res.end(\n              JSON.stringify({\n                error:\n                  error instanceof Error ? error.message : \"Compare failed\",\n              })\n            );\n          }\n          return;\n        }\n\n        // Handle /fragments/figma-styles endpoint for lightweight style fetching\n        // This avoids the heavy Playwright rendering just to get styles\n        if (req.url === \"/fragments/figma-styles\" && req.method === \"POST\") {\n          try {\n            const body = (await parseJsonBody(req)) as {\n              figmaUrl: string;\n            };\n\n            const { figmaUrl } = body;\n\n            if (!figmaUrl) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(JSON.stringify({ error: \"Missing figmaUrl\" }));\n              return;\n            }\n\n            // Check for Figma access token\n            const figmaToken =\n              process.env.FIGMA_ACCESS_TOKEN || config.figmaToken;\n            if (!figmaToken) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({\n                  error: \"No Figma access token configured\",\n                  suggestion:\n                    \"Set FIGMA_ACCESS_TOKEN env var or add figmaToken to fragments.config.ts\",\n                })\n              );\n              return;\n            }\n\n            // Import Figma service\n            const { FigmaClient } = await import(\"../service/index.js\");\n            const figmaClient = new FigmaClient({ accessToken: figmaToken });\n\n            // Parse Figma URL\n            const { fileKey, nodeId } = figmaClient.parseUrl(figmaUrl);\n\n            // Fetch design properties\n            const figmaDesignProps = await figmaClient.getNodeProperties(\n              fileKey,\n              nodeId\n            );\n            const figmaStyles = figmaClient.convertToCSS(figmaDesignProps);\n\n            res.setHeader(\"Content-Type\", \"application/json\");\n            res.end(JSON.stringify({ styles: figmaStyles }));\n          } catch (error) {\n            console.error(\"[Fragments] Error fetching Figma styles:\", error);\n            res.writeHead(500, { \"Content-Type\": \"application/json\" });\n            res.end(\n              JSON.stringify({\n                error:\n                  error instanceof Error\n                    ? error.message\n                    : \"Failed to fetch Figma styles\",\n              })\n            );\n          }\n          return;\n        }\n\n        // Handle /fragments/tokens endpoint for token registry\n        if (req.url?.startsWith(\"/fragments/tokens\")) {\n          try {\n            const url = new URL(req.url, \"http://localhost\");\n            const format = url.searchParams.get(\"format\") || \"json\";\n            const category = url.searchParams.get(\"category\");\n            const theme = url.searchParams.get(\"theme\");\n\n            // Check if tokens are configured\n            if (!config.tokens || !config.tokens.include || config.tokens.include.length === 0) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(JSON.stringify({\n                error: \"No token configuration found\",\n                suggestion: \"Add 'tokens' config to fragments.config.ts with 'include' patterns for CSS/SCSS files\",\n                example: {\n                  tokens: {\n                    include: [\"src/styles/theme.scss\", \"src/styles/variables.css\"],\n                    themeSelectors: { \":root\": \"default\", \"[data-theme='dark']\": \"dark\" },\n                  },\n                },\n              }));\n              return;\n            }\n\n            // Import token registry\n            const { getSharedTokenRegistry } = await import(\"../service/index.js\");\n            const registry = getSharedTokenRegistry();\n\n            // Initialize if not already\n            if (!registry.isInitialized()) {\n              await registry.initialize(config.tokens, projectRoot);\n            }\n\n            let tokens = registry.getAllTokens();\n\n            // Filter by category if specified\n            if (category) {\n              tokens = tokens.filter(t => t.category === category);\n            }\n\n            // Filter by theme if specified\n            if (theme) {\n              tokens = tokens.filter(t => t.theme === theme || t.theme === \"default\");\n            }\n\n            const meta = registry.getMeta();\n\n            if (format === \"summary\") {\n              // Return summary only\n              const summary = {\n                totalTokens: meta?.totalTokens || 0,\n                byCategory: {} as Record<string, number>,\n                byTheme: {} as Record<string, number>,\n                parseTimeMs: meta?.parseTimeMs || 0,\n                sourceFiles: meta?.sourceFiles || [],\n              };\n\n              for (const token of registry.getAllTokens()) {\n                summary.byCategory[token.category] = (summary.byCategory[token.category] || 0) + 1;\n                summary.byTheme[token.theme] = (summary.byTheme[token.theme] || 0) + 1;\n              }\n\n              res.setHeader(\"Content-Type\", \"application/json\");\n              res.end(JSON.stringify(summary, null, 2));\n            } else {\n              // Return full token list\n              res.setHeader(\"Content-Type\", \"application/json\");\n              res.end(JSON.stringify({\n                tokens,\n                meta,\n              }, null, 2));\n            }\n          } catch (error) {\n            console.error(\"[Fragments] Error fetching tokens:\", error);\n            res.writeHead(500, { \"Content-Type\": \"application/json\" });\n            res.end(JSON.stringify({\n              error: error instanceof Error ? error.message : \"Failed to fetch tokens\",\n            }));\n          }\n          return;\n        }\n\n        // Handle /fragments/token-match endpoint for reverse token lookup\n        if (req.url === \"/fragments/token-match\" && req.method === \"POST\") {\n          try {\n            const body = (await parseJsonBody(req)) as {\n              value: string;\n              propertyType?: \"color\" | \"spacing\" | \"typography\" | \"other\";\n              theme?: string;\n            };\n\n            const { value, propertyType, theme } = body;\n\n            if (!value) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(JSON.stringify({ error: \"Missing required field: value\" }));\n              return;\n            }\n\n            // Check if tokens are configured\n            if (!config.tokens || !config.tokens.include || config.tokens.include.length === 0) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(JSON.stringify({\n                error: \"No token configuration found\",\n                suggestion: \"Add 'tokens' config to fragments.config.ts\",\n              }));\n              return;\n            }\n\n            // Import token registry\n            const { getSharedTokenRegistry } = await import(\"../service/index.js\");\n            const registry = getSharedTokenRegistry();\n\n            // Initialize if not already\n            if (!registry.isInitialized()) {\n              await registry.initialize(config.tokens, projectRoot);\n            }\n\n            // Match the value\n            const result = registry.matchValue({\n              value,\n              propertyType,\n              theme,\n            });\n\n            res.setHeader(\"Content-Type\", \"application/json\");\n            res.end(JSON.stringify(result));\n          } catch (error) {\n            console.error(\"[Fragments] Error matching token:\", error);\n            res.writeHead(500, { \"Content-Type\": \"application/json\" });\n            res.end(JSON.stringify({\n              error: error instanceof Error ? error.message : \"Failed to match token\",\n            }));\n          }\n          return;\n        }\n\n        // Handle /fragments/compliance endpoint for token compliance checking\n        if (req.url === \"/fragments/compliance\" && req.method === \"POST\") {\n          try {\n            const body = (await parseJsonBody(req)) as {\n              component: string;\n              variant?: string;\n              theme?: string;\n            };\n\n            const { component, variant, theme = \"default\" } = body;\n\n            if (!component) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(JSON.stringify({ error: \"Missing required field: component\" }));\n              return;\n            }\n\n            // Check if tokens are configured\n            if (!config.tokens || !config.tokens.include || config.tokens.include.length === 0) {\n              // Return 100% compliance if no tokens configured (can't check)\n              res.setHeader(\"Content-Type\", \"application/json\");\n              res.end(JSON.stringify({\n                component,\n                variant,\n                compliance: 100,\n                totalProperties: 0,\n                hardcoded: 0,\n                usingTokens: 0,\n                violations: [],\n                note: \"No token configuration found - token compliance checking disabled\",\n              }));\n              return;\n            }\n\n            // Load fragment data\n            const loadedFragments = await loadFragmentsForRender(fragmentFiles, projectRoot);\n            const fragmentInfo = findFragmentByName(component, loadedFragments);\n\n            if (!fragmentInfo) {\n              const available = getAvailableComponents(loadedFragments);\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(JSON.stringify({\n                error: `Component '${component}' not found. Available: ${available.join(\", \")}`,\n              }));\n              return;\n            }\n\n            // Find fragment file for rendering\n            const fragmentFile = fragmentFiles.find(\n              (f) => f.relativePath === fragmentInfo.path\n            );\n            if (!fragmentFile) {\n              res.writeHead(500, { \"Content-Type\": \"application/json\" });\n              res.end(JSON.stringify({ error: \"Could not resolve fragment file path\" }));\n              return;\n            }\n\n            // Import token registry\n            const { getSharedTokenRegistry } = await import(\"../service/index.js\");\n            const registry = getSharedTokenRegistry();\n\n            // Initialize if not already\n            if (!registry.isInitialized()) {\n              await registry.initialize(config.tokens, projectRoot);\n            }\n\n            // Get server port\n            const address = _server.httpServer?.address();\n            const port = typeof address === \"object\" && address ? address.port : 6006;\n            const renderViewport = { width: 800, height: 600 };\n\n            // Generate render script and capture with styles\n            const renderScript = generateRenderScript(\n              fragmentFile.absolutePath,\n              fragmentInfo.name,\n              {}\n            );\n            const requestId = Date.now().toString(36) + Math.random().toString(36).slice(2);\n            pendingRenders.set(requestId, { script: renderScript, viewport: renderViewport });\n\n            try {\n              // Render the component and extract computed styles\n              const captureResult = await captureRenderWithStyles(\n                `http://localhost:${port}/fragments/__render__/${requestId}`,\n                renderViewport,\n                true // extractStyles = true\n              );\n\n              const computedStyles = captureResult.computedStyles || {};\n\n              // Convert computed styles to style diff format for calculateUsageSummary\n              const styleDiffs: Array<{\n                property: string;\n                figma: string;\n                rendered: string;\n                match: boolean;\n              }> = [];\n\n              // Check each computed style property\n              for (const [property, value] of Object.entries(computedStyles)) {\n                if (!value) continue;\n\n                // Try to find a matching token\n                const matchResult = registry.matchValue({\n                  value,\n                  propertyType: property.toLowerCase().includes(\"color\") ? \"color\" :\n                               property.toLowerCase().includes(\"font\") ? \"typography\" :\n                               property.toLowerCase().includes(\"spacing\") || property.toLowerCase().includes(\"padding\") || property.toLowerCase().includes(\"margin\") ? \"spacing\" : undefined,\n                  theme,\n                });\n\n                // If we found an exact match, the value is using a token\n                const isUsingToken = matchResult.exactMatches.length > 0;\n\n                styleDiffs.push({\n                  property,\n                  figma: value, // Use the value as both figma and rendered for self-comparison\n                  rendered: value,\n                  match: isUsingToken,\n                });\n              }\n\n              // Calculate compliance using token registry\n              const usageSummary = registry.calculateUsageSummary(styleDiffs, theme);\n\n              // Build violations list from hardcoded properties\n              interface ViolationItem {\n                property: string;\n                issue: string;\n                severity: \"error\" | \"warning\";\n                suggestion?: string;\n                expected?: string;\n                actual?: string;\n              }\n\n              const violations: ViolationItem[] = usageSummary.hardcodedProperties.map(hp => {\n                const suggestion = hp.suggestedFix\n                  ? `Use ${hp.suggestedFix.tokenName} (${hp.suggestedFix.tokenValue})`\n                  : undefined;\n\n                return {\n                  property: hp.property,\n                  issue: `Hardcoded value \"${hp.rendered}\" should use a design token`,\n                  severity: \"warning\" as const,\n                  suggestion,\n                  expected: hp.figmaToken,\n                  actual: hp.rendered,\n                };\n              });\n\n              res.setHeader(\"Content-Type\", \"application/json\");\n              res.end(JSON.stringify({\n                component,\n                variant,\n                compliance: usageSummary.compliancePercent,\n                totalProperties: usageSummary.totalProperties,\n                hardcoded: usageSummary.hardcoded,\n                usingTokens: usageSummary.usingTokens,\n                violations,\n              }));\n            } finally {\n              pendingRenders.delete(requestId);\n            }\n          } catch (error) {\n            console.error(\"[Fragments] Error checking compliance:\", error);\n            res.writeHead(500, { \"Content-Type\": \"application/json\" });\n            res.end(JSON.stringify({\n              error: error instanceof Error ? error.message : \"Compliance check failed\",\n            }));\n          }\n          return;\n        }\n\n        // Handle /fragments/context endpoint for AI context generation\n        if (req.url?.startsWith(\"/fragments/context\")) {\n          try {\n            const url = new URL(req.url, \"http://localhost\");\n            const format = (url.searchParams.get(\"format\") || \"markdown\") as\n              | \"markdown\"\n              | \"json\";\n            const compact = url.searchParams.get(\"compact\") === \"true\";\n\n            // Load all fragments from BRAND.outFile\n            const compiledFragments = await loadFragmentsForContext(\n              _server,\n              fragmentFiles,\n              config,\n              projectRoot\n            );\n\n            const { content, tokenEstimate } = generateContext(\n              compiledFragments,\n              {\n                format,\n                compact,\n                include: {\n                  code: url.searchParams.get(\"code\") === \"true\",\n                  relations: url.searchParams.get(\"relations\") === \"true\",\n                },\n              }\n            );\n\n            res.setHeader(\"X-Token-Estimate\", String(tokenEstimate));\n            res.setHeader(\n              \"Content-Type\",\n              format === \"json\"\n                ? \"application/json\"\n                : \"text/markdown; charset=utf-8\"\n            );\n            res.end(content);\n          } catch (error) {\n            console.error(\"[Fragments] Error generating context:\", error);\n            res.writeHead(500, { \"Content-Type\": \"text/plain\" });\n            res.end(\n              \"Error generating context: \" +\n                (error instanceof Error ? error.message : error)\n            );\n          }\n          return;\n        }\n\n        // Handle /fragments/save endpoint for saving fragment metadata\n        if (req.url === \"/fragments/save\" && req.method === \"POST\") {\n          try {\n            const body = await parseJsonBody(req);\n            const { componentName, fragment } = body as {\n              componentName: string;\n              fragment: Record<string, unknown>;\n            };\n\n            if (!componentName || !fragment) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({\n                  error: \"Missing required fields: componentName, fragment\",\n                })\n              );\n              return;\n            }\n\n            // Import writeFile for saving\n            const { writeFile, mkdir } = await import(\"node:fs/promises\");\n            const { join } = await import(\"node:path\");\n            const { BRAND } = await import(\"../core/index.js\");\n\n            // Ensure .fragments/components directory exists\n            const fragmentsDir = join(projectRoot, BRAND.dataDir, BRAND.componentsDir);\n            await mkdir(fragmentsDir, { recursive: true });\n\n            // Write fragment file\n            const fragmentPath = join(\n              fragmentsDir,\n              `${componentName}${BRAND.fileExtension}`\n            );\n            await writeFile(\n              fragmentPath,\n              JSON.stringify(fragment, null, 2),\n              \"utf-8\"\n            );\n\n            res.setHeader(\"Content-Type\", \"application/json\");\n            res.end(JSON.stringify({ success: true, path: fragmentPath }));\n          } catch (error) {\n            console.error(\"[Fragments] Error saving fragment:\", error);\n            res.writeHead(500, { \"Content-Type\": \"application/json\" });\n            res.end(\n              JSON.stringify({\n                error: error instanceof Error ? error.message : \"Save failed\",\n              })\n            );\n          }\n          return;\n        }\n\n        // Handle /fragments/fix endpoint for generating token fix patches\n        if (req.url === \"/fragments/fix\" && req.method === \"POST\") {\n          try {\n            const body = (await parseJsonBody(req)) as {\n              component: string;\n              variant?: string;\n              fixType?: \"token\" | \"all\";\n            };\n\n            const { component, variant, fixType = \"all\" } = body;\n\n            if (!component) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(JSON.stringify({ error: \"Missing required field: component\" }));\n              return;\n            }\n\n            // Auto-discover tokens when config.tokens is missing\n            if (!config.tokens || !config.tokens.include || config.tokens.include.length === 0) {\n              try {\n                const { discoverTokenFiles } = await import(\"../core/discovery.js\");\n                const discovered = await discoverTokenFiles(projectRoot);\n                if (discovered.length > 0) {\n                  config.tokens = {\n                    ...config.tokens,\n                    include: discovered.map((f) => f.relativePath),\n                  };\n                } else {\n                  res.writeHead(400, { \"Content-Type\": \"application/json\" });\n                  res.end(JSON.stringify({\n                    error: \"No token files found\",\n                    suggestion: \"Add 'tokens' config to fragments.config.ts or add token files matching default patterns (_variables.scss, tokens.scss, etc.)\",\n                  }));\n                  return;\n                }\n              } catch {\n                res.writeHead(400, { \"Content-Type\": \"application/json\" });\n                res.end(JSON.stringify({\n                  error: \"No token configuration found and auto-discovery failed\",\n                  suggestion: \"Add 'tokens' config to fragments.config.ts to enable fix generation\",\n                }));\n                return;\n              }\n            }\n\n            // Load fragment data\n            const loadedFragments = await loadFragmentsForRender(fragmentFiles, projectRoot);\n            const fragmentInfo = findFragmentByName(component, loadedFragments);\n\n            if (!fragmentInfo) {\n              const available = getAvailableComponents(loadedFragments);\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(JSON.stringify({\n                error: `Component '${component}' not found. Available: ${available.join(\", \")}`,\n              }));\n              return;\n            }\n\n            // Import services\n            const {\n              getSharedTokenRegistry,\n              generateTokenPatches,\n            } = await import(\"../service/index.js\");\n            const registry = getSharedTokenRegistry();\n\n            // Initialize token registry if not already\n            if (!registry.isInitialized()) {\n              await registry.initialize(config.tokens, projectRoot);\n            }\n\n            // Get source file path from fragment\n            const fragmentFile = fragmentFiles.find(\n              (f) => f.relativePath === fragmentInfo.path\n            );\n            const sourceFile = fragmentFile?.relativePath || `${component}.tsx`;\n\n            // Render the component and extract computed styles\n            let styleDiffs: Array<{\n              property: string;\n              figma: string;\n              rendered: string;\n              match: boolean;\n            }> = [];\n\n            if (fragmentFile) {\n              try {\n                const renderScript = generateRenderScript(\n                  fragmentFile.absolutePath,\n                  fragmentInfo.name,\n                  {}\n                );\n\n                const requestId =\n                  Date.now().toString(36) + Math.random().toString(36).slice(2);\n                pendingRenders.set(requestId, {\n                  script: renderScript,\n                  viewport: { width: 800, height: 600 },\n                });\n\n                const address = _server.httpServer?.address();\n                const port =\n                  typeof address === \"object\" && address ? address.port : 6006;\n\n                const { computedStyles } = await captureRenderWithStyles(\n                  `http://localhost:${port}/fragments/__render__/${requestId}`,\n                  { width: 800, height: 600 },\n                  true\n                );\n                pendingRenders.delete(requestId);\n\n                if (computedStyles) {\n                  // Build token value lookup from registry\n                  const tokenValues = new Map<string, string>();\n                  const allTokens = registry.getAllTokens();\n                  for (const t of allTokens) {\n                    if (t.resolvedValue) {\n                      tokenValues.set(t.resolvedValue, t.name);\n                    }\n                  }\n\n                  // For each computed style property, check if it uses a token\n                  for (const [prop, value] of Object.entries(computedStyles)) {\n                    if (!value || value === \"transparent\" || value === \"rgba(0, 0, 0, 0)\") continue;\n\n                    // Check if the value matches any token\n                    const matchesToken = tokenValues.has(value);\n                    if (!matchesToken) {\n                      styleDiffs.push({\n                        property: prop,\n                        figma: value, // Using rendered as \"expected\" since we have no Figma\n                        rendered: value,\n                        match: false,\n                      });\n                    }\n                  }\n                }\n              } catch (renderErr) {\n                // If rendering fails, continue with empty diffs\n                console.warn(\"[Fragments] Could not render for style extraction:\", renderErr);\n              }\n            }\n\n            const result = generateTokenPatches(\n              component,\n              styleDiffs,\n              registry,\n              { sourceFile }\n            );\n\n            res.setHeader(\"Content-Type\", \"application/json\");\n            res.end(JSON.stringify({\n              patches: result.patches,\n              summary: result.summary,\n              fixableCount: result.fixableCount,\n              unfixableCount: result.unfixableCount,\n            }));\n          } catch (error) {\n            console.error(\"[Fragments] Error generating fixes:\", error);\n            res.writeHead(500, { \"Content-Type\": \"application/json\" });\n            res.end(JSON.stringify({\n              error: error instanceof Error ? error.message : \"Fix generation failed\",\n            }));\n          }\n          return;\n        }\n\n        // Handle /fragments/a11y endpoint for accessibility auditing\n        if (req.url === \"/fragments/a11y\" && req.method === \"POST\") {\n          try {\n            const body = (await parseJsonBody(req)) as {\n              component: string;\n              variant?: string;\n              standard?: \"AA\" | \"AAA\";\n            };\n\n            const { component, variant: variantName, standard = \"AA\" } = body;\n\n            if (!component) {\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({ error: \"Missing required field: component\" })\n              );\n              return;\n            }\n\n            // Load fragments to find the component\n            const loadedFragments = await loadFragmentsForRender(\n              fragmentFiles,\n              projectRoot\n            );\n            const fragmentInfo = findFragmentByName(component, loadedFragments);\n\n            if (!fragmentInfo) {\n              const available = getAvailableComponents(loadedFragments);\n              res.writeHead(400, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({\n                  error: `Component '${component}' not found. Available: ${available.join(\", \")}`,\n                })\n              );\n              return;\n            }\n\n            const fragmentFile = fragmentFiles.find(\n              (f) => f.relativePath === fragmentInfo.path\n            );\n            if (!fragmentFile) {\n              res.writeHead(500, { \"Content-Type\": \"application/json\" });\n              res.end(\n                JSON.stringify({ error: \"Could not resolve fragment file path\" })\n              );\n              return;\n            }\n\n            // Determine which variants to audit\n            const variantNames: string[] = [];\n            if (variantName) {\n              variantNames.push(variantName);\n            } else {\n              // Load full fragment data to get variant names\n              const fullData = await loadFullFragmentData(projectRoot);\n              const fragmentData = fullData\n                ? Object.values(fullData.fragments).find(\n                    (f) => f.meta.name.toLowerCase() === component.toLowerCase()\n                  )\n                : null;\n\n              if (fragmentData && fragmentData.variants?.length > 0) {\n                for (const v of fragmentData.variants) {\n                  variantNames.push(v.name);\n                }\n              } else {\n                // Fallback: audit default render (no variant)\n                variantNames.push(\"Default\");\n              }\n            }\n\n            // Get server address\n            const address = _server.httpServer?.address();\n            const port =\n              typeof address === \"object\" && address ? address.port : 6006;\n\n            // Audit each variant\n            const results: Array<{\n              variant: string;\n              violations: number;\n              passes: number;\n              incomplete: number;\n              summary: {\n                total: number;\n                critical: number;\n                serious: number;\n                moderate: number;\n                minor: number;\n              };\n              violationDetails?: Array<{\n                id: string;\n                impact: string | undefined;\n                description: string;\n                helpUrl: string;\n                nodes: number;\n              }>;\n            }> = [];\n\n            for (const vName of variantNames) {\n              // Generate a11y render script for this variant\n              const a11yScript = generateA11yRenderScript(\n                fragmentFile.absolutePath,\n                fragmentInfo.name,\n                vName === \"Default\" && !variantName ? undefined : vName\n              );\n\n              const requestId =\n                Date.now().toString(36) + Math.random().toString(36).slice(2);\n              pendingRenders.set(requestId, {\n                script: a11yScript,\n                viewport: { width: 800, height: 600 },\n              });\n\n              try {\n                const auditResult = await captureA11yAudit(\n                  `http://localhost:${port}/fragments/__render__/${requestId}`,\n                  { width: 800, height: 600 }\n                );\n\n                // Transform axe results into the expected shape\n                let critical = 0;\n                let serious = 0;\n                let moderate = 0;\n                let minor = 0;\n\n                for (const violation of auditResult.violations ?? []) {\n                  switch (violation.impact) {\n                    case \"critical\":\n                      critical++;\n                      break;\n                    case \"serious\":\n                      serious++;\n                      break;\n                    case \"moderate\":\n                      moderate++;\n                      break;\n                    case \"minor\":\n                      minor++;\n                      break;\n                  }\n                }\n\n                results.push({\n                  variant: vName,\n                  violations: auditResult.violations?.length ?? 0,\n                  passes: auditResult.passes?.length ?? 0,\n                  incomplete: auditResult.incomplete?.length ?? 0,\n                  summary: {\n                    total: critical + serious + moderate + minor,\n                    critical,\n                    serious,\n                    moderate,\n                    minor,\n                  },\n                  violationDetails: (auditResult.violations ?? []).map(v => ({\n                    id: v.id,\n                    impact: v.impact,\n                    description: v.description,\n                    helpUrl: v.helpUrl,\n                    nodes: v.nodes.length,\n                  })),\n                });\n              } catch (err) {\n                // If a single variant fails, report it as a result with error info\n                results.push({\n                  variant: vName,\n                  violations: 0,\n                  passes: 0,\n                  incomplete: 0,\n                  summary: {\n                    total: 0,\n                    critical: 0,\n                    serious: 0,\n                    moderate: 0,\n                    minor: 0,\n                  },\n                });\n              } finally {\n                pendingRenders.delete(requestId);\n              }\n            }\n\n            res.setHeader(\"Content-Type\", \"application/json\");\n            res.end(JSON.stringify({ results }));\n          } catch (error) {\n            console.error(\"[Fragments] Error running a11y audit:\", error);\n            res.writeHead(500, { \"Content-Type\": \"application/json\" });\n            res.end(\n              JSON.stringify({\n                error:\n                  error instanceof Error\n                    ? error.message\n                    : \"A11y audit failed\",\n              })\n            );\n          }\n          return;\n        }\n\n        // Handle /fragments/preview/ - isolated iframe for component previews\n        if (req.url?.startsWith(\"/fragments/preview\")) {\n          // Redirect to trailing slash\n          if (req.url === \"/fragments/preview\") {\n            res.writeHead(302, { Location: \"/fragments/preview/\" });\n            res.end();\n            return;\n          }\n\n          // Serve the preview frame HTML\n          await servePreviewFrameHTML(res, _server);\n          return;\n        }\n\n        if (req.url === \"/fragments\" || req.url === \"/fragments/\") {\n          // Redirect to /fragments/\n          if (!req.url.endsWith(\"/\")) {\n            res.writeHead(302, { Location: \"/fragments/\" });\n            res.end();\n            return;\n          }\n\n          // Serve the viewer HTML\n          serveViewerHTML(res, _server);\n          return;\n        }\n\n        next();\n      });\n\n      // Log startup message\n      _server.httpServer?.once(\"listening\", () => {\n        const address = _server.httpServer?.address();\n        const port =\n          typeof address === \"object\" && address ? address.port : 6006;\n        console.log(\n          `\\n  📦 Fragments Viewer: http://localhost:${port}/fragments/\\n`\n        );\n      });\n    },\n\n    // Resolve virtual modules\n    resolveId(id) {\n      if (id === VIRTUAL_FRAGMENTS) {\n        return VIRTUAL_FRAGMENTS_RESOLVED;\n      }\n      if (id === VIRTUAL_VIEWER_ENTRY) {\n        return VIRTUAL_VIEWER_ENTRY_RESOLVED;\n      }\n      if (id === VIRTUAL_PREVIEW) {\n        return VIRTUAL_PREVIEW_RESOLVED;\n      }\n      return null;\n    },\n\n    // Load virtual modules\n    load(id) {\n      if (id === VIRTUAL_FRAGMENTS_RESOLVED) {\n        return generateFragmentsModule(fragmentFiles, config, previewConfigPath);\n      }\n      if (id === VIRTUAL_VIEWER_ENTRY_RESOLVED) {\n        return generateViewerEntry();\n      }\n      if (id === VIRTUAL_PREVIEW_RESOLVED) {\n        return generatePreviewModule(previewConfigPath);\n      }\n      return null;\n    },\n\n    // Handle HMR for fragment files\n    handleHotUpdate({ file, server }) {\n      if (fragmentFileSet.has(file)) {\n        // Invalidate the virtual fragments module\n        const mod = server.moduleGraph.getModuleById(VIRTUAL_FRAGMENTS_RESOLVED);\n        if (mod) {\n          server.moduleGraph.invalidateModule(mod);\n        }\n\n        // Send HMR update\n        server.ws.send({\n          type: \"custom\",\n          event: \"fragments:update\",\n          data: { file },\n        });\n\n        // Return empty array to prevent full reload\n        // The component HMR will handle the actual update\n        return [];\n      }\n    },\n  };\n\n  // Plugin to transform JSX in .js files (common in Storybook preview.js)\n  // Uses the `load` hook instead of `transform` because we need to intercept\n  // the file BEFORE Vite's import-analysis tries to parse it\n  const jsxTransformPlugin: Plugin = {\n    name: \"fragments-jsx-transform\",\n    enforce: \"pre\",\n    async load(id) {\n      // Only handle .js files that might contain JSX (like preview.js)\n      if (!id.endsWith(\".js\")) return null;\n\n      // Only handle .storybook directory files (most common case for JSX in .js)\n      if (!id.includes(\".storybook\")) return null;\n\n      // Read the file content\n      const fs = await import(\"node:fs/promises\");\n      let code: string;\n      try {\n        code = await fs.readFile(id, \"utf-8\");\n      } catch {\n        return null;\n      }\n\n      // Check if the file contains JSX syntax\n      const hasOpeningTag = code.includes(\"<\");\n      const hasSelfClosingTag = code.includes(\"/>\");\n      const hasClosingTag = code.includes(\"</\");\n\n      // Skip if no JSX detected\n      if (!hasOpeningTag || (!hasSelfClosingTag && !hasClosingTag)) return null;\n\n      try {\n        const result = await transform(code, {\n          loader: \"jsx\",\n          jsx: \"automatic\",\n          sourcefile: id,\n          sourcemap: true,\n        });\n        return {\n          code: result.code,\n          map: result.map,\n        };\n      } catch (error) {\n        // Log error for debugging but don't block\n        console.warn(`[Fragments] JSX transform failed for ${id}:`, error instanceof Error ? error.message : error);\n        return null;\n      }\n    },\n  };\n\n  // Return array of plugins including SVGR for SVG imports\n  return [\n    // JSX transform for .js files (must run first)\n    jsxTransformPlugin,\n    // SVGR plugin to handle `import { ReactComponent } from \"*.svg\"` pattern\n    svgr({\n      svgrOptions: {\n        exportType: \"named\", // Export as { ReactComponent }\n      },\n      include: \"**/*.svg\",\n    }),\n    // Main fragments plugin\n    mainPlugin,\n  ];\n}\n\n/**\n * Check if a file path is a Storybook story file\n */\nfunction isStoryFile(filePath: string): boolean {\n  return /\\.stories\\.(tsx?|jsx?)$/.test(filePath);\n}\n\n/**\n * Get the base component path from a fragment or story file path.\n * e.g., \"src/components/Button/Button.fragment.tsx\" -> \"src/components/Button/Button\"\n * e.g., \"src/components/Button/Button.stories.tsx\" -> \"src/components/Button/Button\"\n */\nfunction getBaseComponentPath(filePath: string): string {\n  return filePath.replace(/\\.(fragment|stories)\\.(tsx?|jsx?)$/, \"\");\n}\n\n/**\n * Generate the virtual fragments module.\n * Uses dynamic imports for lazy loading - fragments are loaded on demand.\n * Supports both native .fragment.tsx files and Storybook .stories.tsx files.\n * Integrates Storybook preview config for global decorators, parameters, etc.\n *\n * MERGE STRATEGY: When both .fragment.tsx and .stories.tsx exist for the same component:\n * - Use .stories.tsx for RENDERING (variants, props, etc.) - it's the source of truth\n * - Merge METADATA from .fragment.tsx (Figma URLs, AI descriptions, usage guidelines)\n * - This gives us the best of both worlds: working renders + rich metadata\n */\nfunction generateFragmentsModule(\n  fragmentFiles: Array<{ absolutePath: string; relativePath: string }>,\n  config: FragmentsConfig,\n  previewConfigPath: string | null\n): string {\n  // Group files by base component path to identify pairs\n  const filesByBasePath = new Map<string, {\n    storyFile?: { absolutePath: string; relativePath: string };\n    fragmentFile?: { absolutePath: string; relativePath: string };\n  }>();\n\n  for (const file of fragmentFiles) {\n    const basePath = getBaseComponentPath(file.relativePath);\n    const isStory = isStoryFile(file.relativePath);\n\n    const existing = filesByBasePath.get(basePath) || {};\n\n    if (isStory) {\n      existing.storyFile = file;\n    } else {\n      existing.fragmentFile = file;\n    }\n\n    filesByBasePath.set(basePath, existing);\n  }\n\n  // Generate loaders with metadata merge support\n  // Priority: stories for rendering, fragment for metadata (Figma URLs, etc.)\n  const loaders = Array.from(filesByBasePath.values())\n    .map((files) => {\n      // Determine which file to use for rendering\n      const primaryFile = files.storyFile || files.fragmentFile;\n      if (!primaryFile) return null;\n\n      const isStory = !!files.storyFile;\n\n      // If we have both, include the fragment file path for metadata merge\n      const metadataPath = (files.storyFile && files.fragmentFile)\n        ? files.fragmentFile.absolutePath\n        : null;\n\n      return `  {\n    path: \"${primaryFile.relativePath}\",\n    isStory: ${isStory},\n    loader: () => import(\"${primaryFile.absolutePath}\"),\n    metadataLoader: ${metadataPath ? `() => import(\"${metadataPath}\")` : 'null'}\n  }`;\n    })\n    .filter(Boolean)\n    .join(\",\\n\");\n\n  // Generate preview config import if available\n  const previewImport = previewConfigPath\n    ? `import * as previewConfig from \"virtual:fragments-preview\";`\n    : \"\";\n  const previewSetup = previewConfigPath\n    ? `\n// Set global preview config before loading fragments\nsetPreviewConfig({\n  decorators: previewConfig.decorators,\n  parameters: previewConfig.parameters,\n  globalTypes: previewConfig.globalTypes,\n  args: previewConfig.args,\n  argTypes: previewConfig.argTypes,\n  loaders: previewConfig.loaders,\n});\n`\n    : \"\";\n\n  return `\nimport { storyModuleToFragment, setPreviewConfig } from \"@fragments/core\";\n${previewImport}\n${previewSetup}\n// Lazy fragment loaders (supports both .fragment.tsx and .stories.tsx)\nconst fragmentLoaders = [\n${loaders}\n];\n\n// Cache for loaded fragments\nconst loadedFragments = new Map();\n\n/**\n * Merge metadata from a fragment file into a story-based fragment.\n * This preserves Figma URLs and other AI-agent focused data.\n */\nfunction mergeMetadata(fragment, metadataModule) {\n  if (!metadataModule?.default) return fragment;\n\n  const metadata = metadataModule.default;\n\n  // Merge meta-level Figma URL\n  if (metadata.meta?.figma && !fragment.meta.figma) {\n    fragment.meta.figma = metadata.meta.figma;\n  }\n\n  // Merge description if not present\n  if (metadata.meta?.description && !fragment.meta.description) {\n    fragment.meta.description = metadata.meta.description;\n  }\n\n  // Merge variant-level Figma URLs\n  if (metadata.variants && fragment.variants) {\n    for (const metaVariant of metadata.variants) {\n      const fragmentVariant = fragment.variants.find(v => v.name === metaVariant.name);\n      if (fragmentVariant && metaVariant.figma && !fragmentVariant.figma) {\n        fragmentVariant.figma = metaVariant.figma;\n      }\n    }\n  }\n\n  return fragment;\n}\n\n// Load all fragments (for initial render)\n// Gracefully handles individual failures - one bad story won't break all fragments\nexport async function loadAllFragments() {\n  const results = await Promise.all(\n    fragmentLoaders.map(async (loader) => {\n      try {\n        if (loadedFragments.has(loader.path)) {\n          const cached = loadedFragments.get(loader.path);\n          return cached ? { path: loader.path, fragment: cached } : null;\n        }\n\n        const module = await loader.loader();\n\n        // Convert story modules to fragments at runtime\n        let fragment;\n        if (loader.isStory) {\n          fragment = storyModuleToFragment(module, loader.path);\n          // storyModuleToFragment returns null for stories without a component\n          if (!fragment) {\n            loadedFragments.set(loader.path, null);\n            return null;\n          }\n        } else {\n          fragment = module.default;\n        }\n\n        // Merge metadata from corresponding fragment file if available\n        if (loader.metadataLoader) {\n          try {\n            const metadataModule = await loader.metadataLoader();\n            fragment = mergeMetadata(fragment, metadataModule);\n          } catch (metaError) {\n            // Metadata loading is optional - don't fail if it errors\n            console.warn(\"[Fragments] Could not load metadata for \" + loader.path + \":\", metaError.message);\n          }\n        }\n\n        loadedFragments.set(loader.path, fragment);\n        return { path: loader.path, fragment };\n      } catch (error) {\n        console.warn(\"[Fragments] Failed to load \" + loader.path + \":\", error.message);\n        return null;\n      }\n    })\n  );\n  // Filter out failed loads\n  return results.filter(r => r !== null);\n}\n\n// Load a single fragment by path\nexport async function loadFragment(path) {\n  const loader = fragmentLoaders.find(l => l.path === path);\n  if (!loader) return null;\n\n  if (loadedFragments.has(path)) {\n    return loadedFragments.get(path);\n  }\n\n  const module = await loader.loader();\n\n  // Convert story modules to fragments at runtime\n  let fragment;\n  if (loader.isStory) {\n    fragment = storyModuleToFragment(module, path);\n  } else {\n    fragment = module.default;\n  }\n\n  // Merge metadata from corresponding fragment file if available\n  if (loader.metadataLoader && fragment) {\n    try {\n      const metadataModule = await loader.metadataLoader();\n      fragment = mergeMetadata(fragment, metadataModule);\n    } catch (metaError) {\n      console.warn(\"[Fragments] Could not load metadata for \" + path + \":\", metaError.message);\n    }\n  }\n\n  loadedFragments.set(path, fragment);\n  return fragment;\n}\n\n// For backwards compatibility, load all fragments synchronously on import\n// This is still lazy per-file but awaited at module load\nlet fragments = [];\nconst fragmentsPromise = loadAllFragments().then(s => { fragments = s; return s; });\n\nexport { fragments, fragmentsPromise };\nexport const config = ${JSON.stringify(config)};\n\n// HMR support\nif (import.meta.hot) {\n  import.meta.hot.accept();\n\n  import.meta.hot.on(\"fragments:update\", (data) => {\n    console.log(\"[Fragments] File updated:\", data.file);\n    // Clear cache for the updated file (handles both .fragment and .stories)\n    for (const [path, _] of loadedFragments) {\n      const basePath = path.replace(/\\\\.(fragment|stories)\\\\.tsx?$/, '');\n      if (data.file.includes(basePath)) {\n        loadedFragments.delete(path);\n      }\n    }\n    // Trigger re-render in viewer\n    window.dispatchEvent(new CustomEvent(\"fragments:update\"));\n  });\n}\n`;\n}\n\n/**\n * Generate the viewer entry point.\n */\nfunction generateViewerEntry(): string {\n  return `\nimport { fragments, config } from \"virtual:fragments\";\n\n// Re-export for viewer\nexport { fragments, config };\n\n// Initialize viewer\nconsole.log(\"[Fragments] Loaded\", fragments.length, \"fragment(s)\");\n`;\n}\n\n/**\n * Load fragments for context generation.\n * Uses BRAND.outFile to avoid SSR module loading issues with React CJS modules.\n */\nasync function loadFragmentsForContext(\n  _server: ViteDevServer,\n  _fragmentFiles: Array<{ absolutePath: string; relativePath: string }>,\n  _config: FragmentsConfig,\n  configDir?: string\n): Promise<CompiledFragment[]> {\n  const { join } = await import(\"node:path\");\n\n  // Read from outFile (avoids SSR issues with React CJS)\n  const fragmentsJsonPath = join(configDir || process.cwd(), BRAND.outFile);\n\n  try {\n    const content = await readFile(fragmentsJsonPath, \"utf-8\");\n    const data = JSON.parse(content) as {\n      fragments: Record<string, CompiledFragment>;\n    };\n\n    return Object.values(data.fragments || {});\n  } catch (error) {\n    console.warn(\n      `[${BRAND.name}] Failed to load ${BRAND.outFile} for context:`,\n      error\n    );\n    console.warn(`[${BRAND.name}] Run '${BRAND.cliCommand} build' to generate ${BRAND.outFile}`);\n    return [];\n  }\n}\n\n/**\n * Serve the viewer HTML page.\n */\nasync function serveViewerHTML(res: any, server: ViteDevServer): Promise<void> {\n  const viewerRoot = viewerAssetsRoot;\n  const entryPath = resolve(viewerRoot, \"entry.tsx\");\n\n  try {\n    // Read the viewer HTML template\n    let html = await readFile(resolve(viewerRoot, \"index.html\"), \"utf-8\");\n\n    // Rewrite the entry.tsx path to use absolute path to viewer package\n    html = html.replace(\"/src/entry.tsx\", entryPath);\n\n    // Transform HTML through Vite's pipeline\n    html = await server.transformIndexHtml(\"/fragments/\", html);\n\n    res.writeHead(200, { \"Content-Type\": \"text/html\" });\n    res.end(html);\n  } catch (error) {\n    console.error(\"[Fragments] Error serving viewer:\", error);\n    res.writeHead(500, { \"Content-Type\": \"text/plain\" });\n    res.end(\"Error loading Fragments viewer\");\n  }\n}\n\n/**\n * Serve the isolated preview frame HTML page.\n * This is used for iframe-based component preview with CSS isolation.\n */\nasync function servePreviewFrameHTML(res: any, server: ViteDevServer): Promise<void> {\n  const viewerRoot = viewerAssetsRoot;\n  const entryPath = resolve(viewerRoot, \"preview-frame-entry.tsx\");\n\n  try {\n    // Read the preview frame HTML template\n    let html = await readFile(resolve(viewerRoot, \"preview-frame.html\"), \"utf-8\");\n\n    // Rewrite the entry path to use absolute path to viewer package\n    html = html.replace(\"/src/preview-frame-entry.tsx\", entryPath);\n\n    // Transform HTML through Vite's pipeline\n    html = await server.transformIndexHtml(\"/fragments/preview/\", html);\n\n    res.writeHead(200, { \"Content-Type\": \"text/html\" });\n    res.end(html);\n  } catch (error) {\n    console.error(\"[Fragments] Error serving preview frame:\", error);\n    res.writeHead(500, { \"Content-Type\": \"text/plain\" });\n    res.end(\"Error loading preview frame\");\n  }\n}\n\n/**\n * Parse JSON body from an HTTP request.\n */\nasync function parseJsonBody(req: any): Promise<unknown> {\n  return new Promise((resolve, reject) => {\n    let body = \"\";\n    req.on(\"data\", (chunk: Buffer) => {\n      body += chunk.toString();\n    });\n    req.on(\"end\", () => {\n      try {\n        resolve(JSON.parse(body));\n      } catch (error) {\n        reject(new Error(\"Invalid JSON body\"));\n      }\n    });\n    req.on(\"error\", reject);\n  });\n}\n\n/**\n * Load fragments for render from BRAND.outFile or by building on-the-fly.\n * This avoids SSR issues with React components.\n */\nasync function loadFragmentsForRender(\n  fragmentFiles: Array<{ absolutePath: string; relativePath: string }>,\n  configDir: string\n): Promise<Array<{ path: string; fragment: { meta: { name: string } } }>> {\n  const { join } = await import(\"node:path\");\n\n  // Try to read from the project directory\n  const fragmentsJsonPath = join(configDir, BRAND.outFile);\n\n  try {\n    const content = await readFile(fragmentsJsonPath, \"utf-8\");\n    const data = JSON.parse(content) as {\n      fragments: Record<string, { filePath: string; meta: { name: string } }>;\n    };\n\n    // Convert to the expected format if we have entries\n    const fragmentEntries = Object.values(data.fragments || {});\n    if (fragmentEntries.length > 0) {\n      return fragmentEntries.map((fragment) => ({\n        path: fragment.filePath,\n        fragment: { meta: { name: fragment.meta.name } },\n      }));\n    }\n    // Fall through to file-based extraction if outFile is empty\n  } catch {\n    // outFile doesn't exist or is invalid - fall through to file-based extraction\n  }\n\n  // Extract component names from file paths (fallback)\n  return fragmentFiles.map((f) => {\n    let name: string;\n    if (isStoryFile(f.relativePath)) {\n      // Extract name from path like \"src/components/Button/Button.stories.tsx\"\n      const match = f.relativePath.match(/\\/([^/]+)\\.stories\\./);\n      name = match ? match[1] : f.relativePath;\n    } else {\n      // Extract name from path like \"src/components/Button/Button.fragment.tsx\"\n      const match = f.relativePath.match(/\\/([^/]+)\\.fragment\\./);\n      name = match ? match[1] : f.relativePath;\n    }\n    return {\n      path: f.relativePath,\n      fragment: { meta: { name } },\n    };\n  });\n}\n\n/**\n * Load full fragment data from fragments.json (includes variants).\n * Used by the a11y endpoint to enumerate all variants.\n */\nasync function loadFullFragmentData(\n  configDir: string\n): Promise<{\n  fragments: Record<\n    string,\n    {\n      filePath: string;\n      meta: { name: string };\n      variants: Array<{ name: string; description?: string; code?: string }>;\n    }\n  >;\n} | null> {\n  const { join } = await import(\"node:path\");\n  const fragmentsJsonPath = join(configDir, BRAND.outFile);\n\n  try {\n    const content = await readFile(fragmentsJsonPath, \"utf-8\");\n    return JSON.parse(content);\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Capture an accessibility audit using the shared browser pool.\n * Navigates to the render page (which imports axe-core and runs the audit),\n * then extracts the axe results from the page context.\n */\nasync function captureA11yAudit(\n  url: string,\n  viewport: { width: number; height: number }\n): Promise<{\n  violations: Array<{ impact?: string; id: string; description: string; helpUrl: string; nodes: Array<unknown> }>;\n  passes: Array<{ id: string }>;\n  incomplete: Array<{ id: string }>;\n}> {\n  const { pool } = await getSharedRenderPool();\n\n  const ctx = await pool.acquire();\n  const page = await ctx.newPage();\n\n  try {\n    await page.setViewportSize(viewport);\n    await page.goto(url, { waitUntil: \"networkidle\" });\n\n    // Wait for the render + axe audit to complete\n    await page.waitForFunction(\n      () => (window as any).__RENDER_READY__ === true,\n      { timeout: 15000 }\n    );\n\n    // Check for error\n    const error = await page.evaluate(() => (window as any).__AXE_ERROR__);\n    if (error) {\n      throw new Error(`A11y audit error: ${error}`);\n    }\n\n    // Extract axe results\n    const results = await page.evaluate(() => (window as any).__AXE_RESULTS__);\n\n    if (!results) {\n      throw new Error(\"Axe results not available — axe-core may not be installed\");\n    }\n\n    return results;\n  } finally {\n    await page.close();\n    pool.release(ctx);\n  }\n}\n\n/**\n * Serve the render HTML page for AI preview.\n */\nasync function serveRenderHTML(\n  res: any,\n  server: ViteDevServer,\n  renderScript: string\n): Promise<void> {\n  const viewerRoot = viewerAssetsRoot;\n\n  try {\n    // Read the render template\n    let html = await readFile(\n      resolve(viewerRoot, \"render-template.html\"),\n      \"utf-8\"\n    );\n\n    // Inject the render script\n    html = html.replace(\n      \"<!-- RENDER_SCRIPT_PLACEHOLDER -->\",\n      `<script type=\"module\">${renderScript}</script>`\n    );\n\n    // Transform HTML through Vite's pipeline to process imports\n    // Use a unique URL to prevent Vite from caching the transformed HTML\n    const uniqueUrl = `/fragments/__render__/${Date.now()}`;\n    html = await server.transformIndexHtml(uniqueUrl, html);\n\n    res.writeHead(200, { \"Content-Type\": \"text/html\" });\n    res.end(html);\n  } catch (error) {\n    console.error(\"[Fragments] Error serving render page:\", error);\n    res.writeHead(500, { \"Content-Type\": \"text/plain\" });\n    res.end(\"Error loading render page\");\n  }\n}\n\n/**\n * Capture a render using the shared browser pool from @fragments/service.\n * Uses a shared pool for efficiency - browser stays warm across requests.\n */\nasync function captureRender(\n  url: string,\n  viewport: { width: number; height: number }\n): Promise<string> {\n  const { pool, bufferToBase64Url } = await getSharedRenderPool();\n\n  const ctx = await pool.acquire();\n  const page = await ctx.newPage();\n\n  try {\n    // Set viewport for this specific render\n    await page.setViewportSize(viewport);\n\n    // Navigate to the render page\n    await page.goto(url, { waitUntil: \"networkidle\" });\n\n    // Wait for render to complete (indicated by ready class or timeout)\n    await page.waitForFunction(\n      () => (window as any).__RENDER_READY__ === true,\n      { timeout: 10000 }\n    );\n\n    // Check for render error\n    const error = await page.evaluate(() => (window as any).__RENDER_ERROR__);\n    if (error) {\n      throw new Error(`Render error: ${error}`);\n    }\n\n    // Screenshot the render root element\n    const element = await page.$(\"#render-root\");\n    if (!element) {\n      throw new Error(\"Render root element not found\");\n    }\n\n    const screenshot = await element.screenshot({ type: \"png\" });\n\n    return bufferToBase64Url(screenshot);\n  } finally {\n    await page.close();\n    pool.release(ctx);\n  }\n}\n\n/**\n * Capture a render with optional computed styles extraction.\n * Uses the shared browser pool for efficiency.\n */\nasync function captureRenderWithStyles(\n  url: string,\n  viewport: { width: number; height: number },\n  extractStyles: boolean\n): Promise<{ screenshot: string; computedStyles: Record<string, string> | null }> {\n  const { pool, bufferToBase64Url } = await getSharedRenderPool();\n\n  const ctx = await pool.acquire();\n  const page = await ctx.newPage();\n\n  try {\n    // Set viewport for this specific render\n    await page.setViewportSize(viewport);\n\n    await page.goto(url, { waitUntil: \"networkidle\" });\n\n      await page.waitForFunction(\n        () => (window as any).__RENDER_READY__ === true,\n        { timeout: 10000 }\n      );\n\n      const error = await page.evaluate(() => (window as any).__RENDER_ERROR__);\n      if (error) {\n        throw new Error(`Render error: ${error}`);\n      }\n\n      const element = await page.$(\"#render-root\");\n      if (!element) {\n        throw new Error(\"Render root element not found\");\n      }\n\n      // Extract computed styles if requested\n      let computedStyles: Record<string, string> | null = null;\n      if (extractStyles) {\n        computedStyles = await page.evaluate(() => {\n          const root = document.getElementById(\"render-root\");\n          if (!root) return null;\n\n          // Helper function to check if a color is visible (not transparent)\n          const isVisibleColor = (color: string | undefined): boolean => {\n            if (!color) return false;\n            if (color === \"transparent\") return false;\n            if (color === \"rgba(0, 0, 0, 0)\") return false;\n            if (color.includes(\"rgba\") && color.includes(\", 0)\")) return false;\n            return true;\n          };\n\n          // Helper to extract styles from an element\n          const extractStylesFromElement = (el: HTMLElement): Record<string, string> => {\n            const styles = window.getComputedStyle(el);\n            const relevantProps = [\n              \"backgroundColor\",\n              \"borderColor\",\n              \"borderWidth\",\n              \"borderRadius\",\n              \"fontFamily\",\n              \"fontSize\",\n              \"fontWeight\",\n              \"lineHeight\",\n              \"letterSpacing\",\n              \"textAlign\",\n              \"boxShadow\",\n              \"padding\",\n              \"paddingTop\",\n              \"paddingRight\",\n              \"paddingBottom\",\n              \"paddingLeft\",\n              \"gap\",\n              \"opacity\",\n              \"width\",\n              \"height\",\n            ];\n\n            const result: Record<string, string> = {};\n            for (const prop of relevantProps) {\n              const value = styles.getPropertyValue(\n                prop.replace(/([A-Z])/g, \"-$1\").toLowerCase()\n              );\n              if (value) {\n                result[prop] = value;\n              }\n            }\n            return result;\n          };\n\n          // Strategy: Find the element with the most visible styles\n          // Start by looking at all elements and score them based on visual presence\n          const candidates = root.querySelectorAll(\"*\");\n          let bestElement: HTMLElement | null = null;\n          let bestScore = -1;\n\n          for (const el of candidates) {\n            const htmlEl = el as HTMLElement;\n            const styles = window.getComputedStyle(htmlEl);\n            let score = 0;\n\n            // Score based on visual properties\n            const bg = styles.backgroundColor;\n            if (isVisibleColor(bg)) {\n              score += 10; // Visible background is a strong signal\n            }\n\n            const border = styles.borderWidth;\n            if (border && border !== \"0px\") {\n              score += 3;\n            }\n\n            const boxShadow = styles.boxShadow;\n            if (boxShadow && boxShadow !== \"none\") {\n              score += 3;\n            }\n\n            // Bonus for being an interactive element\n            const tagName = htmlEl.tagName.toLowerCase();\n            if ([\"button\", \"a\", \"input\", \"select\", \"textarea\"].includes(tagName)) {\n              score += 5;\n            }\n\n            // Bonus for having role=\"button\"\n            if (htmlEl.getAttribute(\"role\") === \"button\") {\n              score += 5;\n            }\n\n            // Penalty for being too small (likely not the main component)\n            const rect = htmlEl.getBoundingClientRect();\n            if (rect.width < 10 || rect.height < 10) {\n              score -= 10;\n            }\n\n            // Penalty for very large elements (likely containers)\n            if (rect.width > 500 || rect.height > 500) {\n              score -= 3;\n            }\n\n            if (score > bestScore) {\n              bestScore = score;\n              bestElement = htmlEl;\n            }\n          }\n\n          // If we still have no good element, fall back to first child\n          if (!bestElement) {\n            bestElement = root.firstElementChild as HTMLElement | null;\n          }\n\n          if (!bestElement) return null;\n\n          const result = extractStylesFromElement(bestElement);\n\n          // Normalize padding into shorthand if individual values exist\n          if (result.paddingTop && result.paddingRight && result.paddingBottom && result.paddingLeft) {\n            const t = result.paddingTop;\n            const r = result.paddingRight;\n            const b = result.paddingBottom;\n            const l = result.paddingLeft;\n            if (t === r && r === b && b === l) {\n              result.padding = t;\n            } else if (t === b && r === l) {\n              result.padding = `${t} ${r}`;\n            } else {\n              result.padding = `${t} ${r} ${b} ${l}`;\n            }\n          }\n\n          return result;\n        });\n      }\n\n      const screenshot = await element.screenshot({ type: \"png\" });\n\n      return {\n        screenshot: bufferToBase64Url(screenshot),\n        computedStyles,\n      };\n  } finally {\n    await page.close();\n    pool.release(ctx);\n  }\n}\n\n/**\n * Load full fragment data to get figma URL from fragment or variant.\n * Uses BRAND.outFile to avoid SSR module loading issues with React CJS modules.\n */\nasync function loadFullFragmentForCompare(\n  _server: ViteDevServer,\n  _fragmentFiles: Array<{ absolutePath: string; relativePath: string }>,\n  componentName: string,\n  variantName?: string,\n  configDir?: string\n): Promise<{ figmaUrl?: string } | null> {\n  const { join } = await import(\"node:path\");\n\n  // Try to read from outFile (avoids SSR issues with React CJS)\n  const fragmentsJsonPath = join(configDir || process.cwd(), BRAND.outFile);\n\n  try {\n    const content = await readFile(fragmentsJsonPath, \"utf-8\");\n    const data = JSON.parse(content) as {\n      fragments: Record<\n        string,\n        {\n          meta: { name: string; figma?: string };\n          variants?: Array<{ name: string; figma?: string }>;\n        }\n      >;\n    };\n\n    const fragment = data.fragments[componentName];\n    if (!fragment) {\n      return null;\n    }\n\n    // Priority: variant.figma > meta.figma\n    if (variantName && fragment.variants) {\n      const variant = fragment.variants.find((v) => v.name === variantName);\n      if (variant?.figma) {\n        return { figmaUrl: variant.figma };\n      }\n    }\n\n    // Fall back to meta.figma\n    if (fragment.meta.figma) {\n      return { figmaUrl: fragment.meta.figma };\n    }\n\n    return null;\n  } catch {\n    // outFile not found or invalid\n    console.warn(\n      `[${BRAND.name}] ${BRAND.outFile} not found, run '${BRAND.cliCommand} build' first`\n    );\n    return null;\n  }\n}\n\n/**\n * Compare two base64 images and return diff result.\n */\nasync function compareImages(\n  image1Base64: string,\n  image2Base64: string,\n  threshold: number\n): Promise<{\n  matches: boolean;\n  diffPercentage: number;\n  diffImage?: string;\n  changedRegions: Array<{\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  }>;\n}> {\n  const { DiffEngine, base64UrlToBuffer, bufferToBase64Url } = await import(\n    \"../service/index.js\"\n  );\n  const { PNG } = await import(\"pngjs\");\n\n  // Convert base64 to buffers\n  const buffer1 = base64UrlToBuffer(image1Base64);\n  const buffer2 = base64UrlToBuffer(image2Base64);\n\n  // Parse PNGs to get dimensions\n  const png1 = PNG.sync.read(buffer1);\n  const png2 = PNG.sync.read(buffer2);\n\n  // If dimensions don't match, resize the smaller one to match the larger\n  let finalBuffer1 = buffer1;\n  let finalBuffer2 = buffer2;\n\n  if (png1.width !== png2.width || png1.height !== png2.height) {\n    // Resize to the larger dimensions by padding the smaller image\n    const targetWidth = Math.max(png1.width, png2.width);\n    const targetHeight = Math.max(png1.height, png2.height);\n\n    if (png1.width !== targetWidth || png1.height !== targetHeight) {\n      finalBuffer1 = await resizePng(\n        buffer1,\n        png1.width,\n        png1.height,\n        targetWidth,\n        targetHeight\n      );\n    }\n    if (png2.width !== targetWidth || png2.height !== targetHeight) {\n      finalBuffer2 = await resizePng(\n        buffer2,\n        png2.width,\n        png2.height,\n        targetWidth,\n        targetHeight\n      );\n    }\n  }\n\n  // Create Screenshot-like objects for DiffEngine\n  const screenshot1 = {\n    data: finalBuffer1,\n    hash: \"\",\n    viewport: { width: png1.width, height: png1.height },\n    capturedAt: new Date(),\n    metadata: {\n      component: \"\",\n      variant: \"\",\n      theme: \"light\" as const,\n      renderTimeMs: 0,\n      captureTimeMs: 0,\n    },\n  };\n\n  const screenshot2 = {\n    data: finalBuffer2,\n    hash: \"\",\n    viewport: { width: png2.width, height: png2.height },\n    capturedAt: new Date(),\n    metadata: {\n      component: \"\",\n      variant: \"\",\n      theme: \"light\" as const,\n      renderTimeMs: 0,\n      captureTimeMs: 0,\n    },\n  };\n\n  const diffEngine = new DiffEngine(threshold);\n  const result = diffEngine.compare(screenshot1, screenshot2, { threshold });\n\n  return {\n    matches: result.matches,\n    diffPercentage: result.diffPercentage,\n    diffImage: result.diffImage\n      ? bufferToBase64Url(result.diffImage)\n      : undefined,\n    changedRegions: result.changedRegions,\n  };\n}\n\n/**\n * Resize a PNG by padding with transparent pixels to match target dimensions.\n */\nasync function resizePng(\n  buffer: Buffer,\n  srcWidth: number,\n  srcHeight: number,\n  targetWidth: number,\n  targetHeight: number\n): Promise<Buffer> {\n  const { PNG } = await import(\"pngjs\");\n\n  const srcPng = PNG.sync.read(buffer);\n  const dstPng = new PNG({\n    width: targetWidth,\n    height: targetHeight,\n    fill: true,\n  });\n\n  // Fill with transparent white\n  for (let y = 0; y < targetHeight; y++) {\n    for (let x = 0; x < targetWidth; x++) {\n      const idx = (y * targetWidth + x) * 4;\n      dstPng.data[idx] = 255; // R\n      dstPng.data[idx + 1] = 255; // G\n      dstPng.data[idx + 2] = 255; // B\n      dstPng.data[idx + 3] = 255; // A (opaque white background)\n    }\n  }\n\n  // Copy source image data\n  for (let y = 0; y < srcHeight; y++) {\n    for (let x = 0; x < srcWidth; x++) {\n      const srcIdx = (y * srcWidth + x) * 4;\n      const dstIdx = (y * targetWidth + x) * 4;\n      dstPng.data[dstIdx] = srcPng.data[srcIdx];\n      dstPng.data[dstIdx + 1] = srcPng.data[srcIdx + 1];\n      dstPng.data[dstIdx + 2] = srcPng.data[srcIdx + 2];\n      dstPng.data[dstIdx + 3] = srcPng.data[srcIdx + 3];\n    }\n  }\n\n  return PNG.sync.write(dstPng);\n}\n","/**\n * Render utilities for AI preview endpoint.\n * Generates code to render design system components in isolation.\n */\n\nexport interface RenderRequest {\n  /** Component name (e.g., \"Button\", \"Card\") */\n  component: string;\n  /** Props to pass to the component */\n  props?: Record<string, unknown>;\n  /** Variant name to render (uses variant's render function) */\n  variant?: string;\n  /** Viewport dimensions */\n  viewport?: {\n    width: number;\n    height: number;\n  };\n}\n\nexport interface FragmentInfo {\n  name: string;\n  path: string;\n}\n\n/**\n * Serialize a value to JavaScript code string.\n * Handles strings, numbers, booleans, null, undefined, arrays, and objects.\n */\nexport function serializeValue(value: unknown): string {\n  if (value === null) return \"null\";\n  if (value === undefined) return \"undefined\";\n  if (typeof value === \"string\") return JSON.stringify(value);\n  if (typeof value === \"number\") return String(value);\n  if (typeof value === \"boolean\") return String(value);\n  if (Array.isArray(value)) {\n    return `[${value.map(serializeValue).join(\", \")}]`;\n  }\n  if (typeof value === \"object\") {\n    const entries = Object.entries(value)\n      .map(([k, v]) => `${JSON.stringify(k)}: ${serializeValue(v)}`)\n      .join(\", \");\n    return `{${entries}}`;\n  }\n  // Functions and other types - skip\n  return \"undefined\";\n}\n\n/**\n * Serialize props object to JSX attribute string.\n * Example: { variant: \"primary\", disabled: true } -> variant=\"primary\" disabled={true}\n */\nexport function serializePropsToJsx(props: Record<string, unknown>): string {\n  return Object.entries(props)\n    .filter(([_, v]) => v !== undefined)\n    .map(([key, value]) => {\n      if (typeof value === \"string\") {\n        return `${key}=${JSON.stringify(value)}`;\n      }\n      return `${key}={${serializeValue(value)}}`;\n    })\n    .join(\" \");\n}\n\n/**\n * Find a fragment by component name.\n * Returns the fragment info if found, null otherwise.\n */\nexport function findFragmentByName(\n  componentName: string,\n  fragments: Array<{ path: string; fragment: { meta: { name: string } } }>\n): FragmentInfo | null {\n  const match = fragments.find(\n    (s) => s.fragment.meta.name.toLowerCase() === componentName.toLowerCase()\n  );\n\n  if (!match) return null;\n\n  return {\n    name: match.fragment.meta.name,\n    path: match.path,\n  };\n}\n\n/**\n * Get list of available component names from loaded fragments.\n */\nexport function getAvailableComponents(\n  fragments: Array<{ fragment: { meta: { name: string } } }>\n): string[] {\n  return fragments.map((s) => s.fragment.meta.name).sort();\n}\n\n/**\n * Generate the render script that will be injected into the template.\n * This script imports the component and renders it with the given props.\n */\nexport function generateRenderScript(\n  fragmentPath: string,\n  componentName: string,\n  props: Record<string, unknown> = {}\n): string {\n  const propsJsx = serializePropsToJsx(props);\n  const propsString = propsJsx ? ` ${propsJsx}` : \"\";\n\n  // Handle children prop specially - render as content between tags\n  const hasChildren = \"children\" in props && props.children !== undefined;\n  const childrenContent = hasChildren ? String(props.children) : \"\";\n  const propsWithoutChildren = { ...props };\n  delete propsWithoutChildren.children;\n  const propsJsxNoChildren = serializePropsToJsx(propsWithoutChildren);\n  const propsStringNoChildren = propsJsxNoChildren ? ` ${propsJsxNoChildren}` : \"\";\n\n  return `\nimport React from \"react\";\nimport { createRoot } from \"react-dom/client\";\n\n// Import the fragment to get the component\nasync function render() {\n  const root = document.getElementById(\"render-root\");\n\n  try {\n    // Dynamic import of the fragment file\n    const fragmentModule = await import(\"${fragmentPath}\");\n    const fragment = fragmentModule.default;\n\n    if (!fragment || !fragment.component) {\n      throw new Error(\"Fragment does not export a component\");\n    }\n\n    const Component = fragment.component;\n\n    // Create React root and render\n    const reactRoot = createRoot(root);\n    ${\n      hasChildren\n        ? `reactRoot.render(React.createElement(Component, ${JSON.stringify(propsWithoutChildren)}, ${JSON.stringify(childrenContent)}));`\n        : `reactRoot.render(React.createElement(Component, ${JSON.stringify(props)}));`\n    }\n\n    // Signal that rendering is complete\n    // Wait a frame for React to flush\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        root.classList.add(\"ready\");\n        window.__RENDER_READY__ = true;\n      });\n    });\n  } catch (error) {\n    console.error(\"Render error:\", error);\n    root.innerHTML = \\`\n      <div class=\"render-error\">\n        <strong>Render Error</strong>\n        <pre>\\${error.message}</pre>\n      </div>\n    \\`;\n    root.classList.add(\"ready\");\n    window.__RENDER_READY__ = true;\n    window.__RENDER_ERROR__ = error.message;\n  }\n}\n\nrender();\n`;\n}\n\n/**\n * Generate a render script that renders a specific variant by name.\n * The variant lookup happens in the browser using the fragment's variants array.\n */\nexport function generateVariantRenderScript(\n  fragmentPath: string,\n  componentName: string,\n  variantName: string\n): string {\n  const variantNameLower = JSON.stringify(variantName.toLowerCase());\n\n  return `\nimport React from \"react\";\nimport { createRoot } from \"react-dom/client\";\n\nasync function render() {\n  const root = document.getElementById(\"render-root\");\n\n  try {\n    const fragmentModule = await import(\"${fragmentPath}\");\n    const fragment = fragmentModule.default;\n\n    if (!fragment || !fragment.variants || fragment.variants.length === 0) {\n      throw new Error(\"Fragment has no variants\");\n    }\n\n    const variant = fragment.variants.find(\n      v => v.name.toLowerCase() === ${variantNameLower}\n    );\n\n    if (!variant) {\n      const available = fragment.variants.map(v => v.name).join(\", \");\n      throw new Error(\"Variant '\" + ${JSON.stringify(variantName)} + \"' not found. Available: \" + available);\n    }\n\n    const element = variant.render();\n\n    const reactRoot = createRoot(root);\n    reactRoot.render(element);\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        root.classList.add(\"ready\");\n        window.__RENDER_READY__ = true;\n      });\n    });\n  } catch (error) {\n    console.error(\"Render error:\", error);\n    root.innerHTML = \\`\n      <div class=\"render-error\">\n        <strong>Render Error</strong>\n        <pre>\\${error.message}</pre>\n      </div>\n    \\`;\n    root.classList.add(\"ready\");\n    window.__RENDER_READY__ = true;\n    window.__RENDER_ERROR__ = error.message;\n  }\n}\n\nrender();\n`;\n}\n\n/**\n * Generate a render script that also runs axe-core for accessibility auditing.\n * When variantName is provided, renders that specific variant; otherwise renders\n * the component with empty props.\n */\nexport function generateA11yRenderScript(\n  fragmentPath: string,\n  componentName: string,\n  variantName?: string\n): string {\n  const variantLookup = variantName\n    ? `\n    const variant = fragment.variants?.find(\n      v => v.name.toLowerCase() === ${JSON.stringify(variantName.toLowerCase())}\n    );\n    if (!variant) {\n      throw new Error(\"Variant '${variantName}' not found\");\n    }\n    element = variant.render();`\n    : `\n    element = React.createElement(fragment.component, {});`;\n\n  return `\nimport React from \"react\";\nimport { createRoot } from \"react-dom/client\";\nimport axe from \"axe-core\";\n\nasync function render() {\n  const root = document.getElementById(\"render-root\");\n\n  try {\n    const fragmentModule = await import(\"${fragmentPath}\");\n    const fragment = fragmentModule.default;\n\n    if (!fragment || !fragment.component) {\n      throw new Error(\"Fragment does not export a component\");\n    }\n\n    let element;\n    ${variantLookup}\n\n    const reactRoot = createRoot(root);\n    reactRoot.render(element);\n\n    // Wait for React to flush rendering\n    await new Promise(resolve => {\n      requestAnimationFrame(() => {\n        requestAnimationFrame(resolve);\n      });\n    });\n\n    // Additional settle time for CSS/animations\n    await new Promise(resolve => setTimeout(resolve, 100));\n\n    // Run axe-core accessibility audit\n    const results = await axe.run('#render-root', {\n      runOnly: {\n        type: 'tag',\n        values: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'best-practice'],\n      },\n    });\n\n    window.__AXE_RESULTS__ = results;\n    window.__RENDER_READY__ = true;\n  } catch (error) {\n    console.error(\"A11y audit error:\", error);\n    window.__AXE_ERROR__ = error.message;\n    window.__RENDER_READY__ = true;\n  }\n}\n\nrender();\n`;\n}\n\n/**\n * Generate a virtual module ID for a render request.\n * This creates a unique ID that Vite can resolve.\n */\nexport function generateRenderModuleId(componentName: string, requestId: string): string {\n  return `virtual:fragments-render-${componentName}-${requestId}`;\n}\n","/**\n * Style comparison utilities for comparing Figma design properties\n * with rendered component computed styles.\n */\n\n/**\n * Style diff result for a single CSS property\n */\nexport interface StyleDiffItem {\n  /** CSS property name */\n  property: string;\n  /** Expected value from Figma */\n  figma: string;\n  /** Actual value from rendered component */\n  rendered: string;\n  /** Whether values match (within tolerance) */\n  match: boolean;\n}\n\n/**\n * Result of comparing styles\n */\nexport interface StyleComparisonResult {\n  /** Whether all styles match */\n  match: boolean;\n  /** Individual property comparisons */\n  properties: StyleDiffItem[];\n  /** CSS properties from Figma design */\n  figmaStyles: Record<string, string>;\n  /** Computed CSS properties from rendered component */\n  renderedStyles: Record<string, string>;\n}\n\n/**\n * Compare Figma CSS properties with rendered computed styles.\n */\nexport function compareStyles(\n  figmaStyles: Record<string, string | undefined>,\n  renderedStyles: Record<string, string>\n): StyleComparisonResult {\n  const properties: StyleDiffItem[] = [];\n  const cleanFigmaStyles: Record<string, string> = {};\n\n  // Properties to compare\n  const propsToCompare = [\n    \"backgroundColor\",\n    \"borderColor\",\n    \"borderWidth\",\n    \"borderRadius\",\n    \"fontFamily\",\n    \"fontSize\",\n    \"fontWeight\",\n    \"lineHeight\",\n    \"letterSpacing\",\n    \"textAlign\",\n    \"boxShadow\",\n    \"padding\",\n    \"gap\",\n    \"opacity\",\n  ];\n\n  for (const prop of propsToCompare) {\n    const figmaValue = figmaStyles[prop];\n    const renderedValue = renderedStyles[prop];\n\n    if (figmaValue !== undefined) {\n      cleanFigmaStyles[prop] = figmaValue;\n\n      const match = compareStyleValue(prop, figmaValue, renderedValue || \"\");\n      properties.push({\n        property: prop,\n        figma: figmaValue,\n        rendered: renderedValue || \"(not set)\",\n        match,\n      });\n    }\n  }\n\n  const allMatch = properties.every((p) => p.match);\n\n  return {\n    match: allMatch,\n    properties,\n    figmaStyles: cleanFigmaStyles,\n    renderedStyles,\n  };\n}\n\n/**\n * Compare a single style value with tolerance for color and numeric differences.\n */\nexport function compareStyleValue(\n  prop: string,\n  figma: string,\n  rendered: string\n): boolean {\n  // Normalize values for comparison\n  const normalizedFigma = normalizeStyleValue(prop, figma);\n  const normalizedRendered = normalizeStyleValue(prop, rendered);\n\n  // Direct match\n  if (normalizedFigma === normalizedRendered) {\n    return true;\n  }\n\n  // Color comparison with tolerance\n  if (prop === \"backgroundColor\" || prop === \"borderColor\") {\n    return compareColors(normalizedFigma, normalizedRendered, 5);\n  }\n\n  // Numeric comparison with tolerance (for pixels)\n  if (\n    [\"borderWidth\", \"borderRadius\", \"fontSize\", \"padding\", \"gap\"].includes(prop)\n  ) {\n    return compareNumericValues(normalizedFigma, normalizedRendered, 1);\n  }\n\n  return false;\n}\n\n/**\n * Normalize a style value for comparison.\n */\nexport function normalizeStyleValue(prop: string, value: string): string {\n  // Remove extra whitespace\n  let normalized = value.trim().replace(/\\s+/g, \" \");\n\n  // Normalize \"none\" shadow to empty\n  if (prop === \"boxShadow\" && normalized === \"none\") {\n    normalized = \"\";\n  }\n\n  // Normalize rgba(0, 0, 0, 0) to \"transparent\"\n  if (normalized.match(/rgba\\(\\s*0\\s*,\\s*0\\s*,\\s*0\\s*,\\s*0\\s*\\)/)) {\n    normalized = \"transparent\";\n  }\n\n  return normalized;\n}\n\n/**\n * Compare two color values with tolerance.\n */\nexport function compareColors(\n  color1: string,\n  color2: string,\n  tolerance: number\n): boolean {\n  const rgb1 = parseColor(color1);\n  const rgb2 = parseColor(color2);\n\n  if (!rgb1 || !rgb2) {\n    return color1 === color2;\n  }\n\n  return (\n    Math.abs(rgb1.r - rgb2.r) <= tolerance &&\n    Math.abs(rgb1.g - rgb2.g) <= tolerance &&\n    Math.abs(rgb1.b - rgb2.b) <= tolerance &&\n    Math.abs((rgb1.a ?? 1) - (rgb2.a ?? 1)) <= 0.05\n  );\n}\n\n/**\n * Parse a color string to RGB values.\n */\nexport function parseColor(\n  color: string\n): { r: number; g: number; b: number; a?: number } | null {\n  // Handle hex colors\n  const hexMatch = color.match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);\n  if (hexMatch) {\n    return {\n      r: parseInt(hexMatch[1], 16),\n      g: parseInt(hexMatch[2], 16),\n      b: parseInt(hexMatch[3], 16),\n    };\n  }\n\n  // Handle rgb/rgba\n  const rgbaMatch = color.match(\n    /rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*(?:,\\s*([\\d.]+))?\\s*\\)/\n  );\n  if (rgbaMatch) {\n    return {\n      r: parseInt(rgbaMatch[1], 10),\n      g: parseInt(rgbaMatch[2], 10),\n      b: parseInt(rgbaMatch[3], 10),\n      a: rgbaMatch[4] ? parseFloat(rgbaMatch[4]) : 1,\n    };\n  }\n\n  return null;\n}\n\n/**\n * Compare numeric values (e.g., \"10px\" vs \"11px\") with tolerance.\n */\nexport function compareNumericValues(\n  value1: string,\n  value2: string,\n  tolerance: number\n): boolean {\n  const num1 = parseFloat(value1);\n  const num2 = parseFloat(value2);\n\n  if (isNaN(num1) || isNaN(num2)) {\n    return value1 === value2;\n  }\n\n  return Math.abs(num1 - num2) <= tolerance;\n}\n\n// ----- Enhanced Token-Aware Style Comparison -----\n\nimport type {\n  EnhancedStyleDiffItem,\n  TokenFix,\n  TokenUsageSummary,\n  DesignToken,\n} from \"../core/index.js\";\n\n/**\n * Enhanced style diff result with token information\n */\nexport interface EnhancedStyleComparisonResult extends StyleComparisonResult {\n  /** Individual property comparisons with token info */\n  properties: EnhancedStyleDiffItem[];\n  /** Token usage summary */\n  tokenSummary?: TokenUsageSummary;\n}\n\n/**\n * Token registry interface for style comparison\n * (subset of TokenRegistryManager methods needed here)\n */\nexport interface TokenLookup {\n  findByValue(value: string, theme?: string): string[];\n  getToken(name: string): DesignToken | undefined;\n  calculateUsageSummary(\n    styleDiffs: Array<{\n      property: string;\n      figma: string;\n      rendered: string;\n      match: boolean;\n    }>,\n    theme?: string\n  ): TokenUsageSummary;\n}\n\n/**\n * Compare styles with token awareness.\n *\n * This enhanced version:\n * 1. Performs normal style comparison\n * 2. Identifies which values match design tokens\n * 3. Flags hardcoded values that should use tokens\n * 4. Generates fix suggestions\n */\nexport function compareStylesWithTokens(\n  figmaStyles: Record<string, string | undefined>,\n  renderedStyles: Record<string, string>,\n  tokenLookup?: TokenLookup,\n  theme = \"default\"\n): EnhancedStyleComparisonResult {\n  const properties: EnhancedStyleDiffItem[] = [];\n  const cleanFigmaStyles: Record<string, string> = {};\n\n  // Properties to compare\n  const propsToCompare = [\n    \"backgroundColor\",\n    \"borderColor\",\n    \"borderWidth\",\n    \"borderRadius\",\n    \"fontFamily\",\n    \"fontSize\",\n    \"fontWeight\",\n    \"lineHeight\",\n    \"letterSpacing\",\n    \"textAlign\",\n    \"boxShadow\",\n    \"padding\",\n    \"gap\",\n    \"opacity\",\n    \"color\",\n  ];\n\n  for (const prop of propsToCompare) {\n    const figmaValue = figmaStyles[prop];\n    const renderedValue = renderedStyles[prop];\n\n    if (figmaValue !== undefined) {\n      cleanFigmaStyles[prop] = figmaValue;\n\n      const match = compareStyleValue(prop, figmaValue, renderedValue || \"\");\n\n      // Build enhanced diff item\n      const item: EnhancedStyleDiffItem = {\n        property: prop,\n        figma: figmaValue,\n        rendered: renderedValue || \"(not set)\",\n        match,\n        isHardcoded: false,\n      };\n\n      // Add token information if registry is available\n      if (tokenLookup) {\n        const figmaTokens = tokenLookup.findByValue(figmaValue, theme);\n        const renderedTokens = renderedValue\n          ? tokenLookup.findByValue(renderedValue, theme)\n          : [];\n\n        if (figmaTokens.length > 0) {\n          item.figmaToken = figmaTokens[0];\n        }\n\n        if (renderedTokens.length > 0) {\n          item.renderedToken = renderedTokens[0];\n        }\n\n        // Determine if this is a hardcoded value\n        // Hardcoded = Figma matches a token, but rendered doesn't use a token\n        item.isHardcoded = !!item.figmaToken && !item.renderedToken;\n\n        // Generate fix suggestion if hardcoded\n        if (item.isHardcoded && item.figmaToken) {\n          const token = tokenLookup.getToken(item.figmaToken);\n          if (token) {\n            const cssProperty = toCssProperty(prop);\n            item.suggestedFix = {\n              tokenName: item.figmaToken,\n              tokenValue: token.resolvedValue,\n              codeFix: `${cssProperty}: var(${item.figmaToken});`,\n              confidence: 0.9,\n              reason: `Figma uses token ${item.figmaToken} (${token.resolvedValue}). Replace hardcoded value with token for consistency.`,\n            };\n          }\n        }\n      }\n\n      properties.push(item);\n    }\n  }\n\n  const allMatch = properties.every((p) => p.match);\n\n  // Calculate token summary if registry available\n  let tokenSummary: TokenUsageSummary | undefined;\n  if (tokenLookup) {\n    tokenSummary = tokenLookup.calculateUsageSummary(\n      properties.map((p) => ({\n        property: p.property,\n        figma: p.figma,\n        rendered: p.rendered,\n        match: p.match,\n      })),\n      theme\n    );\n  }\n\n  return {\n    match: allMatch,\n    properties,\n    figmaStyles: cleanFigmaStyles,\n    renderedStyles,\n    tokenSummary,\n  };\n}\n\n/**\n * Convert camelCase to kebab-case CSS property\n */\nfunction toCssProperty(prop: string): string {\n  return prop.replace(/([A-Z])/g, \"-$1\").toLowerCase();\n}\n\n/**\n * Format token summary for display\n */\nexport function formatTokenSummary(summary: TokenUsageSummary): string {\n  const lines: string[] = [];\n\n  lines.push(`Token Compliance: ${summary.compliancePercent}%`);\n  lines.push(\n    `${summary.usingTokens}/${summary.totalProperties} properties using tokens`\n  );\n\n  if (summary.hardcoded > 0) {\n    lines.push(`${summary.hardcoded} hardcoded value(s) detected`);\n  }\n\n  if (summary.implicitMatches > 0) {\n    lines.push(`${summary.implicitMatches} implicit match(es)`);\n  }\n\n  return lines.join(\"\\n\");\n}\n\n/**\n * Get status badge for token compliance\n */\nexport function getComplianceBadge(\n  compliancePercent: number\n): { label: string; color: string } {\n  if (compliancePercent >= 100) {\n    return { label: \"Excellent\", color: \"green\" };\n  } else if (compliancePercent >= 80) {\n    return { label: \"Good\", color: \"blue\" };\n  } else if (compliancePercent >= 50) {\n    return { label: \"Fair\", color: \"yellow\" };\n  } else {\n    return { label: \"Poor\", color: \"red\" };\n  }\n}\n"],"mappings":"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","names":["resolve","dirname","fileURLToPath","config","join","BRAND","server","viewerRoot","resolve","result","__dirname","dirname","fileURLToPath","resolve","dirname"]}