@fragments-sdk/cli 0.6.0 → 0.7.0

package/dist/bin.js

@@ -9,10 +9,10 @@ import {
   validateAll,
   validateCoverage,
   validateSchema
-} from "./chunk-D35RGPAG.js";
+} from "./chunk-7OPWMLOE.js";
 import {
   scan
-} from "./chunk-F7ITZPDJ.js";
+} from "./chunk-XHUDJNN3.js";
 import {
   FigmaClient,
   StorageManager,
@@ -33,17 +33,17 @@ import {
   discoverSegmentFiles,
   loadConfig,
   loadSegmentFile
-} from "./chunk-SSLQXHNX.js";
+} from "./chunk-CVXKXVOY.js";
 import {
   generateContext
-} from "./chunk-Q7GOHVOK.js";
+} from "./chunk-TJ34N7C7.js";
 import {
   BRAND
 } from "./chunk-6JBGU74P.js";
 
 // src/bin.ts
 import { Command } from "commander";
-import pc20 from "picocolors";
+import pc21 from "picocolors";
 import { readFileSync } from "fs";
 import { fileURLToPath } from "url";
 import { dirname as dirname4, join as join10 } from "path";
@@ -1785,7 +1785,7 @@ ${BRAND.name} Dev Server
       }
     }
   }
-  const { createDevServer } = await import("./viewer-R3Q6WAMJ.js");
+  const { createDevServer } = await import("./viewer-SUFOISZM.js");
   console.log(pc7.dim("\nStarting dev server..."));
   const parsedPort = typeof port === "string" ? parseInt(port, 10) : port;
   try {
@@ -4944,6 +4944,242 @@ ${whenNotItems}
   }
 }
 
+// src/commands/graph.ts
+import pc20 from "picocolors";
+import { readFile as readFile6 } from "fs/promises";
+import { resolve as resolve6 } from "path";
+import {
+  ComponentGraphEngine,
+  deserializeGraph
+} from "@fragments-sdk/context/graph";
+async function graph(component, options) {
+  const { config, configDir } = await loadConfig(options.config);
+  const outputPath = resolve6(configDir, config.outFile ?? BRAND.outFile);
+  let data;
+  try {
+    const content = await readFile6(outputPath, "utf-8");
+    data = JSON.parse(content);
+  } catch {
+    console.error(
+      pc20.red(`Error: Could not load ${BRAND.outFile}. Run \`${BRAND.cliCommand} build\` first.`)
+    );
+    process.exit(1);
+  }
+  if (!data.graph) {
+    console.error(
+      pc20.red(`Error: No graph data in ${BRAND.outFile}. Rebuild with the latest CLI.`)
+    );
+    process.exit(1);
+  }
+  const graph2 = deserializeGraph(data.graph);
+  const blocks = data.blocks ? Object.fromEntries(
+    Object.entries(data.blocks).map(([k, v]) => [k, { components: v.components }])
+  ) : void 0;
+  const engine = new ComponentGraphEngine(graph2, blocks);
+  const mode = options.mode ?? (component ? "dependencies" : "health");
+  const format = options.format ?? "table";
+  const edgeTypes = options.edgeTypes ? options.edgeTypes.split(",") : void 0;
+  const needsComponent = ["dependencies", "dependents", "impact", "path", "composition", "alternatives"];
+  if (needsComponent.includes(mode) && !component) {
+    console.error(pc20.red(`Error: "${mode}" mode requires a component name.`));
+    process.exit(1);
+  }
+  if (component && !engine.hasNode(component)) {
+    console.error(pc20.red(`Error: Component "${component}" not found in graph.`));
+    process.exit(1);
+  }
+  switch (mode) {
+    case "health": {
+      const health = engine.getHealth();
+      if (format === "json") {
+        console.log(JSON.stringify(health, null, 2));
+        return;
+      }
+      console.log(pc20.bold("\nComponent Graph Health\n"));
+      console.log(`  ${pc20.cyan("Nodes:")}     ${health.nodeCount}`);
+      console.log(`  ${pc20.cyan("Edges:")}     ${health.edgeCount}`);
+      console.log(`  ${pc20.cyan("Avg degree:")} ${health.averageDegree}`);
+      console.log(`  ${pc20.cyan("Islands:")}   ${health.connectedComponents.length}`);
+      console.log(`  ${pc20.cyan("Coverage:")}  ${health.compositionCoverage}% in blocks`);
+      console.log(`  ${pc20.cyan("Orphans:")}   ${health.orphans.length > 0 ? health.orphans.join(", ") : pc20.green("none")}`);
+      if (health.hubs.length > 0) {
+        console.log(`
+  ${pc20.bold("Top hubs:")}`);
+        for (const hub of health.hubs.slice(0, 5)) {
+          console.log(`    ${pc20.yellow(hub.name)} \u2014 ${hub.degree} connections`);
+        }
+      }
+      console.log();
+      break;
+    }
+    case "dependencies": {
+      const deps = engine.dependencies(component, edgeTypes);
+      if (format === "json") {
+        console.log(JSON.stringify({ component, dependencies: deps }, null, 2));
+        return;
+      }
+      console.log(pc20.bold(`
+Dependencies of ${component}
+`));
+      if (deps.length === 0) {
+        console.log("  No outgoing dependencies.");
+      } else {
+        for (const dep of deps) {
+          console.log(`  ${pc20.yellow(dep.target)} ${pc20.dim(`(${dep.type})`)}${dep.note ? ` \u2014 ${dep.note}` : ""}`);
+        }
+      }
+      console.log();
+      break;
+    }
+    case "dependents": {
+      const deps = engine.dependents(component, edgeTypes);
+      if (format === "json") {
+        console.log(JSON.stringify({ component, dependents: deps }, null, 2));
+        return;
+      }
+      console.log(pc20.bold(`
+Dependents of ${component}
+`));
+      if (deps.length === 0) {
+        console.log("  No incoming dependents.");
+      } else {
+        for (const dep of deps) {
+          console.log(`  ${pc20.yellow(dep.source)} ${pc20.dim(`(${dep.type})`)}${dep.note ? ` \u2014 ${dep.note}` : ""}`);
+        }
+      }
+      console.log();
+      break;
+    }
+    case "impact": {
+      const result = engine.impact(component, options.depth ?? 3);
+      if (format === "json") {
+        console.log(JSON.stringify(result, null, 2));
+        return;
+      }
+      console.log(pc20.bold(`
+Impact analysis: ${component}
+`));
+      console.log(`  ${pc20.red(`${result.totalAffected}`)} affected components, ${pc20.red(`${result.affectedBlocks.length}`)} affected blocks
+`);
+      if (result.affected.length > 0) {
+        console.log(`  ${pc20.bold("Affected components:")}`);
+        for (const entry of result.affected) {
+          const indent = "  ".repeat(entry.depth + 1);
+          console.log(`${indent}${pc20.yellow(entry.component)} ${pc20.dim(`(depth ${entry.depth}, via ${entry.edgeType})`)}`);
+        }
+      }
+      if (result.affectedBlocks.length > 0) {
+        console.log(`
+  ${pc20.bold("Affected blocks:")} ${result.affectedBlocks.join(", ")}`);
+      }
+      console.log();
+      break;
+    }
+    case "path": {
+      if (!options.target) {
+        console.error(pc20.red("Error: --target is required for path mode."));
+        process.exit(1);
+      }
+      const result = engine.path(component, options.target);
+      if (format === "json") {
+        console.log(JSON.stringify(result, null, 2));
+        return;
+      }
+      console.log(pc20.bold(`
+Path: ${component} \u2192 ${options.target}
+`));
+      if (!result.found) {
+        console.log(`  ${pc20.red("No path found.")}`);
+      } else {
+        console.log(`  ${result.path.map((n) => pc20.yellow(n)).join(pc20.dim(" \u2192 "))}`);
+        if (result.edges.length > 0) {
+          console.log(`  ${pc20.dim(`(${result.edges.map((e) => e.type).join(" \u2192 ")})`)}`);
+        }
+      }
+      console.log();
+      break;
+    }
+    case "composition": {
+      const tree = engine.composition(component);
+      if (format === "json") {
+        console.log(JSON.stringify(tree, null, 2));
+        return;
+      }
+      console.log(pc20.bold(`
+Composition: ${component}
+`));
+      console.log(`  ${pc20.cyan("Pattern:")}    ${tree.compositionPattern ?? "unknown"}`);
+      if (tree.parent) {
+        console.log(`  ${pc20.cyan("Parent:")}     ${tree.parent}`);
+      }
+      if (tree.subComponents.length > 0) {
+        console.log(`  ${pc20.cyan("Sub-components:")}`);
+        for (const sub of tree.subComponents) {
+          const isRequired = tree.requiredChildren.includes(sub);
+          console.log(`    ${pc20.yellow(sub)}${isRequired ? pc20.red(" (required)") : ""}`);
+        }
+      }
+      if (tree.siblings.length > 0) {
+        console.log(`  ${pc20.cyan("Siblings:")}   ${tree.siblings.join(", ")}`);
+      }
+      if (tree.blocks.length > 0) {
+        console.log(`  ${pc20.cyan("In blocks:")}  ${tree.blocks.join(", ")}`);
+      }
+      console.log();
+      break;
+    }
+    case "alternatives": {
+      const alts = engine.alternatives(component);
+      if (format === "json") {
+        console.log(JSON.stringify({ component, alternatives: alts }, null, 2));
+        return;
+      }
+      console.log(pc20.bold(`
+Alternatives for ${component}
+`));
+      if (alts.length === 0) {
+        console.log("  No known alternatives.");
+      } else {
+        for (const alt of alts) {
+          console.log(`  ${pc20.yellow(alt.component)}${alt.note ? ` \u2014 ${alt.note}` : ""}`);
+        }
+      }
+      console.log();
+      break;
+    }
+    case "islands": {
+      const islands = engine.islands();
+      if (format === "json") {
+        console.log(JSON.stringify({ islands }, null, 2));
+        return;
+      }
+      console.log(pc20.bold(`
+Connected Islands (${islands.length})
+`));
+      for (let i = 0; i < islands.length; i++) {
+        console.log(`  ${pc20.cyan(`Island ${i + 1}`)} (${islands[i].length} components): ${islands[i].join(", ")}`);
+      }
+      console.log();
+      break;
+    }
+    default:
+      console.error(pc20.red(`Unknown mode: "${mode}". Valid: health, dependencies, dependents, impact, path, composition, alternatives, islands`));
+      process.exit(1);
+  }
+  if (format === "dot") {
+    const lines = ["digraph ComponentGraph {", "  rankdir=LR;", "  node [shape=box, style=rounded];"];
+    for (const node of graph2.nodes) {
+      lines.push(`  "${node.name}" [label="${node.name}\\n(${node.category})"];`);
+    }
+    for (const edge of graph2.edges) {
+      const style = edge.type === "alternative-to" ? "dashed" : "solid";
+      lines.push(`  "${edge.source}" -> "${edge.target}" [label="${edge.type}", style=${style}];`);
+    }
+    lines.push("}");
+    console.log(lines.join("\n"));
+  }
+}
+
 // src/bin.ts
 var __dirname = dirname4(fileURLToPath(import.meta.url));
 var pkg = JSON.parse(readFileSync(join10(__dirname, "../package.json"), "utf-8"));
@@ -4956,7 +5192,7 @@ program.command("validate").description("Validate fragment files").option("-c, -
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -4976,7 +5212,7 @@ program.command("build").description(`Build compiled ${BRAND.outFile} and ${BRAN
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -4995,7 +5231,7 @@ program.command("context").description("Generate AI-ready context for your desig
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5022,7 +5258,7 @@ program.command("ai").description("Generate context optimized for AI assistants
       }
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5030,7 +5266,7 @@ program.command("list").description("List all discovered fragment files").option
   try {
     await list(options);
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5038,7 +5274,7 @@ program.command("reset").description("Reset to initial state (delete all generat
   try {
     await reset(options);
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5052,7 +5288,7 @@ linkCommand.command("figma").argument("[figma-url]", "Figma file URL to link com
       variants: options.variants
     });
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5067,7 +5303,7 @@ linkCommand.command("storybook").description("Bootstrap fragments from existing
       exclude: options.exclude
     });
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5082,9 +5318,9 @@ program.command("dev").description("Start the development server with live compo
       skipBuild: options.skipBuild
     });
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     if (error instanceof Error && error.stack) {
-      console.error(pc20.dim(error.stack));
+      console.error(pc21.dim(error.stack));
     }
     process.exit(1);
   }
@@ -5105,7 +5341,7 @@ program.command("screenshot").description("Capture screenshots of component vari
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5124,7 +5360,7 @@ program.command("diff").argument("[component]", "Component name to diff (optiona
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5143,8 +5379,8 @@ program.command("compare").argument("[component]", "Component name to compare").
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
-    console.log(pc20.dim(`
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    console.log(pc21.dim(`
 Make sure the dev server is running: ${BRAND.cliCommand} dev`));
     process.exit(1);
   }
@@ -5163,7 +5399,7 @@ program.command("analyze").description("Analyze design system and generate repor
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5182,7 +5418,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(pc20.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -5199,7 +5435,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(pc20.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -5221,7 +5457,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(pc20.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -5244,7 +5480,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(pc20.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -5265,7 +5501,7 @@ program.command("scan").description(`Zero-config ${BRAND.outFile} generation fro
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5278,7 +5514,7 @@ program.command("storygen").description("Generate Storybook stories from fragmen
       format: options.format
     });
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5290,7 +5526,7 @@ program.command("metrics").argument("[component]", "Component name (optional, sh
       json: options.json
     });
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5304,9 +5540,9 @@ program.command("baseline").description("Manage visual regression baselines").ar
       port: options.port
     });
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     if (action === "update") {
-      console.log(pc20.dim(`
+      console.log(pc21.dim(`
 Make sure the dev server is running: ${BRAND.cliCommand} dev`));
     }
     process.exit(1);
@@ -5314,27 +5550,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-4LQZ5AGA.js");
+    const { generateViewerFromJson } = await import("./static-viewer-GBR7YNF3.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(pc20.cyan(`
+    console.log(pc21.cyan(`
 ${BRAND.name} Viewer Generator
 `));
     try {
       await fs2.access(inputPath);
     } catch {
-      console.log(pc20.red(`Error: ${options.input} not found.`));
-      console.log(pc20.dim(`
-Run ${pc20.cyan(`${BRAND.cliCommand} build`)} first to generate ${BRAND.outFile}
+      console.log(pc21.red(`Error: ${options.input} not found.`));
+      console.log(pc21.dim(`
+Run ${pc21.cyan(`${BRAND.cliCommand} build`)} first to generate ${BRAND.outFile}
 `));
       process.exit(1);
     }
-    console.log(pc20.dim(`Reading: ${options.input}`));
+    console.log(pc21.dim(`Reading: ${options.input}`));
     const html = await generateViewerFromJson(inputPath);
     await fs2.writeFile(outputPath, html);
-    console.log(pc20.green(`
+    console.log(pc21.green(`
 \u2713 Generated: ${options.output}
 `));
     if (options.open) {
@@ -5343,7 +5579,7 @@ Run ${pc20.cyan(`${BRAND.cliCommand} build`)} first to generate ${BRAND.outFile}
       exec(`${openCmd} "${outputPath}"`);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -5356,33 +5592,33 @@ program.command("add").argument("[name]", 'Component name (e.g., "Button", "Text
       component: options.component
     });
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.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-WKGDPYI4.js");
+    const { init } = await import("./init-7CHRKQ7P.js");
     const result = await init({
       projectRoot: process.cwd(),
       force: options.force,
       yes: options.yes
     });
     if (!result.success) {
-      console.error(pc20.red("\nInit failed with errors:"));
+      console.error(pc21.red("\nInit failed with errors:"));
       for (const error of result.errors) {
-        console.error(pc20.red(`  - ${error}`));
+        console.error(pc21.red(`  - ${error}`));
       }
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.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-JAJABYXP.js");
+    const { tokens } = await import("./tokens-3BWDESVM.js");
     const result = await tokens({
       config: options.config,
       json: options.json,
@@ -5395,13 +5631,13 @@ program.command("tokens").description("Discover and list design tokens from CSS/
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.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-7AF7WRVK.js");
+    const { generate } = await import("./generate-LMTISDIJ.js");
     const result = await generate({
       projectRoot: process.cwd(),
       component,
@@ -5409,18 +5645,26 @@ program.command("generate").description("Generate fragment files from component
       componentPattern: options.pattern
     });
     if (!result.success) {
-      console.error(pc20.red("\nGenerate completed with errors"));
+      console.error(pc21.red("\nGenerate completed with errors"));
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
+    process.exit(1);
+  }
+});
+program.command("graph").description("Query the component relationship graph").argument("[component]", "Component name (optional)").option("-c, --config <path>", "Path to config file").option("-m, --mode <mode>", "Query mode: health, dependencies, dependents, impact, path, composition, alternatives, islands").option("-t, --target <component>", "Target component for path mode").option("--edge-types <types>", "Comma-separated edge types to filter by").option("--depth <number>", "Max traversal depth for impact mode", parseInt).option("--format <format>", "Output format: table, json, dot", "table").action(async (component, options) => {
+  try {
+    await graph(component, options);
+  } catch (error) {
+    console.error(pc21.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-CJDNJTPZ.js");
+    const { runTestCommand, listTests } = await import("./test-OJRXNDO2.js");
     if (options.list) {
       await listTests(config, configDir, {
         component: options.component,
@@ -5453,7 +5697,7 @@ program.command("test").description("Run interaction tests for fragments with pl
     });
     process.exit(exitCode);
   } catch (error) {
-    console.error(pc20.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc21.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });