@fragments-sdk/cli 0.7.17 → 0.8.1

package/dist/bin.js

@@ -3,21 +3,23 @@ import { createRequire as __banner_createRequire } from 'module'; const require
 import {
   buildFragments,
   buildFragmentsDir,
+  measureBundleSizes,
   runAnalyzeCommand,
   runDiffCommand,
   runScreenshotCommand,
+  toPerformanceData,
   validateAll,
   validateCoverage,
   validateSchema,
   validateSnippets
-} from "./chunk-QLTLLQBI.js";
+} from "./chunk-2JIKCJX3.js";
 import {
   scan
-} from "./chunk-M42XIHPV.js";
+} from "./chunk-WI6SLMSO.js";
 import {
   loadConfig,
   loadFragmentFile
-} from "./chunk-57OW43NL.js";
+} from "./chunk-CJEGT3WD.js";
 import {
   discoverFragmentFiles
 } from "./chunk-AWYCDRPG.js";
@@ -38,9 +40,12 @@ import {
   shutdownSharedPool
 } from "./chunk-YMPGYEWK.js";
 import {
-  generateContext
-} from "./chunk-WLXFE6XW.js";
-import "./chunk-7CRC46HV.js";
+  budgetBar,
+  formatBytes,
+  generateContext,
+  resolvePerformanceConfig
+} from "./chunk-NGIMCIK2.js";
+import "./chunk-GOVI6COW.js";
 import {
   BRAND
 } from "./chunk-EKLMXTWU.js";
@@ -48,7 +53,7 @@ import "./chunk-Z7EY4VHE.js";
 
 // src/bin.ts
 import { Command } from "commander";
-import pc21 from "picocolors";
+import pc22 from "picocolors";
 import { readFileSync } from "fs";
 import { fileURLToPath } from "url";
 import { dirname as dirname4, join as join10 } from "path";
@@ -1806,7 +1811,7 @@ ${BRAND.name} Dev Server
       }
     }
   }
-  const { createDevServer } = await import("./viewer-QKIAPTPG.js");
+  const { createDevServer } = await import("./viewer-HZK4BSDK.js");
   console.log(pc7.dim("\nStarting dev server..."));
   const parsedPort = typeof port === "string" ? parseInt(port, 10) : port;
   try {
@@ -5207,6 +5212,157 @@ Connected Islands (${islands.length})
   }
 }
 
+// src/commands/perf.ts
+import pc21 from "picocolors";
+import { readFile as readFile7, writeFile as writeFile8 } from "fs/promises";
+import { resolve as resolve7 } from "path";
+async function perf(options) {
+  const { config: configPath, json, component, concurrency, detail } = options;
+  const shouldWrite = options.write !== false;
+  const { config, configDir } = await loadConfig(configPath);
+  const perfConfig = resolvePerformanceConfig(config.performance ?? "standard");
+  const outFile = resolve7(configDir, config.outFile ?? BRAND.outFile);
+  let data;
+  try {
+    data = JSON.parse(await readFile7(outFile, "utf-8"));
+  } catch {
+    throw new Error(
+      `Could not read ${BRAND.outFile}. Run \`${BRAND.cliCommand} build\` first.`
+    );
+  }
+  let fragments = data.fragments;
+  if (component) {
+    const match = Object.entries(fragments).find(
+      ([name]) => name.toLowerCase() === component.toLowerCase()
+    );
+    if (!match) {
+      throw new Error(
+        `Component "${component}" not found in ${BRAND.outFile}.`
+      );
+    }
+    fragments = { [match[0]]: match[1] };
+  }
+  if (!json) {
+    console.log(pc21.cyan(`
+${BRAND.name} Performance Profiler
+`));
+    console.log(pc21.dim(`Preset: ${perfConfig.preset} (${formatBytes(perfConfig.budgets.bundleSize)} budget)`));
+    console.log(pc21.dim(`Measuring ${Object.keys(fragments).length} component(s)...
+`));
+  }
+  const result = await measureBundleSizes(fragments, configDir, {
+    concurrency: concurrency ?? 4,
+    perfConfig,
+    onProgress: !json ? (done, total, name) => {
+      process.stdout.write(`\r${pc21.dim(`[${done}/${total}]`)} ${name}`);
+    } : void 0
+  });
+  if (!json) {
+    process.stdout.write("\r" + " ".repeat(80) + "\r");
+  }
+  const perfResults = [];
+  for (const [name, measurement] of result.measurements) {
+    const fragment = fragments[name];
+    const contractBudget = fragment?.contract?.performanceBudget;
+    const perfData = toPerformanceData(measurement, perfConfig, contractBudget);
+    perfResults.push({ name, data: perfData });
+  }
+  perfResults.sort((a, b) => b.data.bundleSize - a.data.bundleSize);
+  const tiers = { lightweight: 0, moderate: 0, heavy: 0 };
+  let overBudgetCount = 0;
+  for (const { data: d } of perfResults) {
+    tiers[d.complexity]++;
+    if (d.overBudget) overBudgetCount++;
+  }
+  if (json) {
+    const output = {
+      preset: perfConfig.preset,
+      budget: perfConfig.budgets.bundleSize,
+      total: perfResults.length,
+      overBudget: overBudgetCount,
+      tiers,
+      components: perfResults.map(({ name, data: d }) => ({
+        name,
+        ...d
+      })),
+      errors: result.errors,
+      elapsed: result.elapsed
+    };
+    console.log(JSON.stringify(output, null, 2));
+  } else {
+    const nameWidth = Math.max(20, ...perfResults.map((r) => r.name.length)) + 2;
+    console.log(
+      pc21.bold(
+        "Component".padEnd(nameWidth) + "Gzip".padStart(8) + "Raw".padStart(10) + "Budget".padStart(8) + "Tier".padStart(14) + "  Bar"
+      )
+    );
+    console.log(pc21.dim("\u2500".repeat(nameWidth + 60)));
+    for (const { name, data: d } of perfResults) {
+      const tierColor = d.complexity === "lightweight" ? pc21.green : d.complexity === "moderate" ? pc21.yellow : pc21.red;
+      const budgetColor = d.overBudget ? pc21.red : pc21.green;
+      console.log(
+        name.padEnd(nameWidth) + formatBytes(d.bundleSize).padStart(8) + formatBytes(d.rawSize).padStart(10) + budgetColor(`${d.budgetPercent}%`.padStart(8)) + tierColor(d.complexity.padStart(14)) + "  " + budgetBar(d.budgetPercent)
+      );
+      if (d.imports?.length && (detail || d.overBudget)) {
+        for (const imp of d.imports.slice(0, 5)) {
+          const barWidth = Math.max(1, Math.round(imp.percent / 5));
+          const impBar = pc21.dim("\u2588".repeat(barWidth));
+          console.log(
+            pc21.dim("  \u2514\u2500\u2500 ") + pc21.dim(imp.path.length > 50 ? "\u2026" + imp.path.slice(-49) : imp.path) + pc21.dim(` \u2192 ${formatBytes(imp.bytes)} (${imp.percent}%) `) + impBar
+          );
+        }
+        if (d.imports.length > 5) {
+          console.log(pc21.dim(`  \u2514\u2500\u2500 \u2026 and ${d.imports.length - 5} more files`));
+        }
+      }
+    }
+    console.log(pc21.dim("\u2500".repeat(nameWidth + 60)));
+    if (result.errors.length > 0) {
+      console.log(pc21.yellow(`
+${result.errors.length} component(s) could not be measured:`));
+      for (const err of result.errors.slice(0, 5)) {
+        console.log(pc21.dim(`  ${err.name}: ${err.error}`));
+      }
+      if (result.errors.length > 5) {
+        console.log(pc21.dim(`  ... and ${result.errors.length - 5} more`));
+      }
+    }
+    console.log(`
+${pc21.bold("Summary")}`);
+    console.log(`  Total: ${perfResults.length} components measured in ${(result.elapsed / 1e3).toFixed(1)}s`);
+    console.log(`  Tiers: ${pc21.green(`${tiers.lightweight} lightweight`)} \xB7 ${pc21.yellow(`${tiers.moderate} moderate`)} \xB7 ${pc21.red(`${tiers.heavy} heavy`)}`);
+    if (overBudgetCount > 0) {
+      console.log(pc21.red(`  Over budget: ${overBudgetCount} component(s) exceed ${formatBytes(perfConfig.budgets.bundleSize)} budget`));
+    } else {
+      console.log(pc21.green("  All components within budget"));
+    }
+    console.log("");
+  }
+  if (shouldWrite && perfResults.length > 0) {
+    for (const { name, data: d } of perfResults) {
+      if (data.fragments[name]) {
+        data.fragments[name].performance = d;
+      }
+    }
+    data.performanceSummary = {
+      preset: perfConfig.preset,
+      budget: perfConfig.budgets.bundleSize,
+      total: perfResults.length,
+      overBudget: overBudgetCount,
+      tiers
+    };
+    await writeFile8(outFile, JSON.stringify(data));
+    if (!json) {
+      console.log(pc21.dim(`Results written to ${BRAND.outFile}`));
+    }
+  }
+  return {
+    success: overBudgetCount === 0,
+    total: perfResults.length,
+    overBudget: overBudgetCount
+  };
+}
+
 // src/bin.ts
 var __dirname = dirname4(fileURLToPath(import.meta.url));
 var pkg = JSON.parse(readFileSync(join10(__dirname, "../package.json"), "utf-8"));
@@ -5219,7 +5375,7 @@ program.command("validate").description("Validate fragment files").option("-c, -
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5239,7 +5395,7 @@ program.command("build").description(`Build compiled ${BRAND.outFile} and ${BRAN
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5258,7 +5414,7 @@ program.command("context").description("Generate AI-ready context for your desig
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5285,7 +5441,7 @@ program.command("ai").description("Generate context optimized for AI assistants
       }
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5293,7 +5449,7 @@ program.command("list").description("List all discovered fragment files").option
   try {
     await list(options);
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5301,7 +5457,7 @@ program.command("reset").description("Reset to initial state (delete all generat
   try {
     await reset(options);
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5315,7 +5471,7 @@ linkCommand.command("figma").argument("[figma-url]", "Figma file URL to link com
       variants: options.variants
     });
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5330,7 +5486,7 @@ linkCommand.command("storybook").description("Bootstrap fragments from existing
       exclude: options.exclude
     });
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5345,9 +5501,9 @@ program.command("dev").description("Start the development server with live compo
       skipBuild: options.skipBuild
     });
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     if (error instanceof Error && error.stack) {
-      console.error(pc21.dim(error.stack));
+      console.error(pc22.dim(error.stack));
     }
     process.exit(1);
   }
@@ -5368,7 +5524,7 @@ program.command("screenshot").description("Capture screenshots of component vari
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5387,7 +5543,7 @@ program.command("diff").argument("[component]", "Component name to diff (optiona
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5406,8 +5562,8 @@ program.command("compare").argument("[component]", "Component name to compare").
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
-    console.log(pc21.dim(`
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
+    console.log(pc22.dim(`
 Make sure the dev server is running: ${BRAND.cliCommand} dev`));
     process.exit(1);
   }
@@ -5426,7 +5582,7 @@ program.command("analyze").description("Analyze design system and generate repor
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5445,7 +5601,7 @@ program.command("verify").argument("[component]", "Component name to verify (opt
     if (options.ci) {
       console.log(JSON.stringify({ error: error instanceof Error ? error.message : "Verification failed" }));
     } else {
-      console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -5462,7 +5618,7 @@ program.command("audit").description("Scan all fragments and show compliance met
     if (options.json) {
       console.log(JSON.stringify({ error: error instanceof Error ? error.message : "Audit failed" }));
     } else {
-      console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -5484,7 +5640,7 @@ program.command("a11y").description("Run accessibility checks on all component v
     if (options.json) {
       console.log(JSON.stringify({ error: error instanceof Error ? error.message : "A11y check failed" }));
     } else {
-      console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -5507,7 +5663,7 @@ program.command("enhance").description("AI-powered documentation generation from
     if (options.format === "json") {
       console.log(JSON.stringify({ success: false, error: error instanceof Error ? error.message : "Enhance failed" }));
     } else {
-      console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -5528,7 +5684,7 @@ program.command("scan").description(`Zero-config ${BRAND.outFile} generation fro
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5541,7 +5697,7 @@ program.command("storygen").description("Generate Storybook stories from fragmen
       format: options.format
     });
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5553,7 +5709,7 @@ program.command("metrics").argument("[component]", "Component name (optional, sh
       json: options.json
     });
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5567,9 +5723,9 @@ program.command("baseline").description("Manage visual regression baselines").ar
       port: options.port
     });
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     if (action === "update") {
-      console.log(pc21.dim(`
+      console.log(pc22.dim(`
 Make sure the dev server is running: ${BRAND.cliCommand} dev`));
     }
     process.exit(1);
@@ -5577,27 +5733,27 @@ Make sure the dev server is running: ${BRAND.cliCommand} dev`));
 });
 program.command("view").description(`Generate a static HTML viewer for ${BRAND.outFile}`).option("-i, --input <path>", `Path to ${BRAND.outFile}`, BRAND.outFile).option("-o, --output <path>", "Output HTML file path", BRAND.viewerHtmlFile).option("--open", "Open in browser after generation").action(async (options) => {
   try {
-    const { generateViewerFromJson } = await import("./static-viewer-JIWCYKVK.js");
+    const { generateViewerFromJson } = await import("./static-viewer-NSODM5VX.js");
     const fs2 = await import("fs/promises");
     const path = await import("path");
     const inputPath = path.resolve(process.cwd(), options.input);
     const outputPath = path.resolve(process.cwd(), options.output);
-    console.log(pc21.cyan(`
+    console.log(pc22.cyan(`
 ${BRAND.name} Viewer Generator
 `));
     try {
       await fs2.access(inputPath);
     } catch {
-      console.log(pc21.red(`Error: ${options.input} not found.`));
-      console.log(pc21.dim(`
-Run ${pc21.cyan(`${BRAND.cliCommand} build`)} first to generate ${BRAND.outFile}
+      console.log(pc22.red(`Error: ${options.input} not found.`));
+      console.log(pc22.dim(`
+Run ${pc22.cyan(`${BRAND.cliCommand} build`)} first to generate ${BRAND.outFile}
 `));
       process.exit(1);
     }
-    console.log(pc21.dim(`Reading: ${options.input}`));
+    console.log(pc22.dim(`Reading: ${options.input}`));
     const html = await generateViewerFromJson(inputPath);
     await fs2.writeFile(outputPath, html);
-    console.log(pc21.green(`
+    console.log(pc22.green(`
 \u2713 Generated: ${options.output}
 `));
     if (options.open) {
@@ -5606,7 +5762,7 @@ Run ${pc21.cyan(`${BRAND.cliCommand} build`)} first to generate ${BRAND.outFile}
       exec(`${openCmd} "${outputPath}"`);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5619,33 +5775,33 @@ program.command("add").argument("[name]", 'Component name (e.g., "Button", "Text
       component: options.component
     });
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 program.command("init").description("Initialize fragments in a project (interactive by default)").option("--force", "Overwrite existing config").option("-y, --yes", "Non-interactive mode - auto-detect and use defaults").action(async (options) => {
   try {
-    const { init } = await import("./init-DIZ6UNBL.js");
+    const { init } = await import("./init-KFYN37ZY.js");
     const result = await init({
       projectRoot: process.cwd(),
       force: options.force,
       yes: options.yes
     });
     if (!result.success) {
-      console.error(pc21.red("\nInit failed with errors:"));
+      console.error(pc22.red("\nInit failed with errors:"));
       for (const error of result.errors) {
-        console.error(pc21.red(`  - ${error}`));
+        console.error(pc22.red(`  - ${error}`));
       }
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 program.command("tokens").description("Discover and list design tokens from CSS/SCSS files").option("-c, --config <path>", "Path to config file").option("--json", "Output as JSON").option("--categories", "Group tokens by category").option("--theme <theme>", "Filter by theme name").option("--category <category>", "Filter by category (color, spacing, typography, etc.)").option("--verbose", "Show all tokens (no truncation)").action(async (options) => {
   try {
-    const { tokens } = await import("./tokens-K2AGUUOJ.js");
+    const { tokens } = await import("./tokens-NIXSZRX7.js");
     const result = await tokens({
       config: options.config,
       json: options.json,
@@ -5658,13 +5814,13 @@ program.command("tokens").description("Discover and list design tokens from CSS/
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 program.command("generate").description("Generate fragment files from component source code").argument("[component]", "Specific component name to generate (optional)").option("--force", "Overwrite existing fragment files").option("--pattern <glob>", "Pattern for component files", "src/components/**/*.tsx").action(async (component, options) => {
   try {
-    const { generate } = await import("./generate-ICIPKCKV.js");
+    const { generate } = await import("./generate-35OIMW4Y.js");
     const result = await generate({
       projectRoot: process.cwd(),
       component,
@@ -5672,11 +5828,11 @@ program.command("generate").description("Generate fragment files from component
       componentPattern: options.pattern
     });
     if (!result.success) {
-      console.error(pc21.red("\nGenerate completed with errors"));
+      console.error(pc22.red("\nGenerate completed with errors"));
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5684,14 +5840,32 @@ program.command("graph").description("Query the component relationship graph").a
   try {
     await graph(component, options);
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
+    process.exit(1);
+  }
+});
+program.command("perf").description("Profile component bundle sizes and performance budgets").option("-c, --config <path>", "Path to config file").option("--json", "Output results as JSON").option("--component <name>", "Measure specific component only").option("--no-write", "Do not write results to fragments.json").option("--detail", "Show import breakdown for all components").option("--concurrency <n>", "Max concurrent measurements", (v) => Number.parseInt(v, 10), 4).action(async (options) => {
+  try {
+    const result = await perf({
+      config: options.config,
+      json: options.json,
+      component: options.component,
+      write: options.write,
+      detail: options.detail,
+      concurrency: options.concurrency
+    });
+    if (!result.success) {
+      process.exit(1);
+    }
+  } catch (error) {
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 program.command("test").description("Run interaction tests for fragments with play functions").option("-c, --config <path>", "Path to config file").option("--component <name>", "Filter by component name").option("--tags <tags>", "Filter by tags (comma-separated)").option("--grep <pattern>", "Filter by variant name pattern").option("--exclude <pattern>", "Exclude tests matching pattern").option("--parallel <count>", "Number of parallel browser contexts", parseInt, 4).option("--timeout <ms>", "Timeout per test in milliseconds", parseInt, 3e4).option("--retries <count>", "Number of retries for failed tests", parseInt, 0).option("--bail", "Stop on first failure").option("--browser <name>", "Browser to use (chromium, firefox, webkit)", "chromium").option("--headed", "Run in headed mode (show browser)").option("--a11y", "Run accessibility checks with axe-core").option("--visual", "Capture screenshots for visual regression").option("--update-snapshots", "Update visual snapshots").option("--watch", "Watch mode - re-run on file changes").option("--reporters <names>", "Reporters to use (console, junit, json)", "console").option("-o, --output <dir>", "Output directory for results", "./test-results").option("--server-url <url>", "URL of running dev server (skips starting server)").option("-p, --port <port>", "Port for dev server", parseInt, 6006).option("--ci", "CI mode - non-interactive, exit with code 1 on failure").option("--list", "List available tests without running them").action(async (options) => {
   try {
     const { config, configDir } = await loadConfig(options.config);
-    const { runTestCommand, listTests } = await import("./test-36UELXTE.js");
+    const { runTestCommand, listTests } = await import("./test-RPWZAYSJ.js");
     if (options.list) {
       await listTests(config, configDir, {
         component: options.component,
@@ -5724,7 +5898,7 @@ program.command("test").description("Run interaction tests for fragments with pl
     });
     process.exit(exitCode);
   } catch (error) {
-    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc22.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });