@fragments-sdk/cli 0.15.10 → 0.17.0

package/dist/bin.js

@@ -1,16 +1,13 @@
 #!/usr/bin/env node
 import { createRequire as __banner_createRequire } from 'module'; const require = __banner_createRequire(import.meta.url);
-import {
-  setup
-} from "./chunk-BJE3425I.js";
-import {
-  scan
-} from "./chunk-ONUP6Z4W.js";
 import {
   createAIClient,
   detectProvider,
   getApiKey
 } from "./chunk-SXTKFDCR.js";
+import {
+  setup
+} from "./chunk-MN3B2EE6.js";
 import {
   runAnalyzeCommand,
   runDiffCommand,
@@ -20,7 +17,19 @@ import {
   validateDrift,
   validateSchema,
   validateSnippets
-} from "./chunk-5JF26E55.js";
+} from "./chunk-VT2J62ND.js";
+import {
+  projectFields
+} from "./chunk-T47OLCSF.js";
+import {
+  scan
+} from "./chunk-B4A4ZEGS.js";
+import {
+  discoverFragmentFiles,
+  loadConfig,
+  loadFragmentFile,
+  parseFragmentFile
+} from "./chunk-HNHE64CR.js";
 import {
   FigmaClient,
   StorageManager,
@@ -34,38 +43,30 @@ import {
   parseAllStories,
   renderAllComponentVariants,
   shutdownSharedPool
-} from "./chunk-6SQPP47U.js";
-import {
-  projectFields
-} from "./chunk-T47OLCSF.js";
+} from "./chunk-ANTWP3UG.js";
 import "./chunk-D2CDBRNU.js";
-import {
-  discoverFragmentFiles,
-  loadConfig,
-  loadFragmentFile,
-  parseFragmentFile
-} from "./chunk-HQ6A6DTV.js";
 import {
   BRAND,
   budgetBar,
+  bundleManifestSchema,
+  bundleTargetSchema,
   classifyComplexity,
   formatBytes,
   generateContext,
   resolvePerformanceConfig
-} from "./chunk-32LIWN2P.js";
-import "./chunk-MHIBEEW4.js";
+} from "./chunk-FFCI6OVZ.js";
 import {
   getScanStats,
   scanCodebase
-} from "./chunk-QCN35LJU.js";
+} from "./chunk-SAQW37L5.js";
 import "./chunk-7DZC4YEV.js";
 
 // src/bin.ts
 import { Command } from "commander";
-import pc25 from "picocolors";
+import pc26 from "picocolors";
 import { readFileSync } from "fs";
 import { fileURLToPath } from "url";
-import { dirname as dirname6, join as join11 } from "path";
+import { dirname as dirname7, join as join11 } from "path";
 
 // src/commands/validate.ts
 import pc from "picocolors";
@@ -367,23 +368,288 @@ async function context(options = {}) {
   };
 }
 
-// src/commands/list.ts
+// src/commands/context-cloud.ts
+import { confirm } from "@inquirer/prompts";
+import {
+  access,
+  mkdir,
+  readFile as readFile2,
+  writeFile
+} from "fs/promises";
+import { dirname, resolve as resolve2 } from "path";
 import pc4 from "picocolors";
+import { strFromU8, unzipSync } from "fflate";
+var DEFAULT_CLOUD_URL = process.env.FRAGMENTS_CLOUD_URL ?? "https://app.usefragments.com";
+var MANAGED_START = "<!-- BEGIN FRAGMENTS DESIGN SYSTEM -->";
+var MANAGED_END = "<!-- END FRAGMENTS DESIGN SYSTEM -->";
+var ROOT_FILE_TARGETS = {
+  agents: {
+    helperPath: ".fragments/instructions/agents.md",
+    rootPath: "AGENTS.md"
+  },
+  claude: {
+    helperPath: ".fragments/instructions/claude-code.md",
+    rootPath: "CLAUDE.md"
+  },
+  copilot: {
+    helperPath: ".fragments/instructions/copilot.md",
+    rootPath: ".github/copilot-instructions.md"
+  }
+};
+function parseManifestOrThrow(payload, sourceLabel) {
+  let parsed;
+  try {
+    parsed = JSON.parse(payload);
+  } catch {
+    throw new Error(`Invalid ${sourceLabel} Fragments manifest JSON.`);
+  }
+  const result = bundleManifestSchema.safeParse(parsed);
+  if (result.success) {
+    return result.data;
+  }
+  const schemaVersion = parsed && typeof parsed === "object" && "schemaVersion" in parsed && typeof parsed.schemaVersion === "number" ? parsed.schemaVersion : null;
+  if (schemaVersion !== null) {
+    throw new Error(
+      `Unsupported Fragments bundle schemaVersion ${schemaVersion}. Upgrade your CLI.`
+    );
+  }
+  throw new Error(`Invalid ${sourceLabel} Fragments manifest.`);
+}
+function resolveApiKey(explicit) {
+  const apiKey = explicit ?? process.env.FRAGMENTS_API_KEY;
+  if (!apiKey) {
+    throw new Error(
+      "Missing Fragments Cloud API key. Set FRAGMENTS_API_KEY or pass --api-key."
+    );
+  }
+  return apiKey;
+}
+function resolveTargets(csv) {
+  if (!csv) return null;
+  const targets = csv.split(",").map((value) => value.trim()).filter(Boolean);
+  for (const target of targets) {
+    bundleTargetSchema.parse(target);
+  }
+  return Array.from(new Set(targets));
+}
+function managedBlock(content) {
+  return `${MANAGED_START}
+${content.trim()}
+${MANAGED_END}
+`;
+}
+function upsertManagedBlock(existing, content) {
+  const block = managedBlock(content);
+  if (existing.includes(MANAGED_START) && existing.includes(MANAGED_END)) {
+    return existing.replace(
+      new RegExp(
+        `${MANAGED_START}[\\s\\S]*?${MANAGED_END}\\n?`,
+        "m"
+      ),
+      block
+    );
+  }
+  return existing.trim() ? `${existing.trimEnd()}
+
+${block}` : block;
+}
+async function fileExists(path) {
+  try {
+    await access(path);
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function writeManagedFile(path, content, dryRun) {
+  if (dryRun) return;
+  await mkdir(dirname(path), { recursive: true });
+  await writeFile(path, content, "utf-8");
+}
+async function fetchBundle(args) {
+  const url = new URL("/api/bundle", DEFAULT_CLOUD_URL);
+  if (args.targets?.length) {
+    url.searchParams.set("targets", args.targets.join(","));
+  }
+  const response = await fetch(url, {
+    headers: {
+      Authorization: `Bearer ${args.apiKey}`
+    }
+  });
+  if (!response.ok) {
+    const payload = await response.json().catch(() => null);
+    throw new Error(payload?.message ?? payload?.error ?? "Bundle download failed.");
+  }
+  try {
+    const archive = unzipSync(new Uint8Array(await response.arrayBuffer()));
+    return Object.fromEntries(
+      Object.entries(archive).map(([path, bytes]) => [path, strFromU8(bytes)])
+    );
+  } catch {
+    throw new Error("Bundle download was corrupted, try again.");
+  }
+}
+async function fetchRemoteManifest(apiKey) {
+  const url = new URL("/api/bundle-artifact", DEFAULT_CLOUD_URL);
+  url.searchParams.set("artifact", "manifest");
+  const response = await fetch(url, {
+    headers: {
+      Authorization: `Bearer ${apiKey}`
+    }
+  });
+  if (!response.ok) {
+    const payload2 = await response.json().catch(() => null);
+    throw new Error(payload2?.message ?? payload2?.error ?? "Unable to fetch remote manifest.");
+  }
+  const payload = await response.json();
+  return parseManifestOrThrow(payload.content, "remote");
+}
+function resolveRootFileMode(options) {
+  if (options.rootFiles) {
+    return options.rootFiles;
+  }
+  if (options.yes || !process.stdout.isTTY) {
+    return "never";
+  }
+  return "prompt";
+}
+async function maybePatchRootFile(args) {
+  const config = ROOT_FILE_TARGETS[args.target];
+  if (!config) return;
+  const snippet = args.files[config.helperPath];
+  if (!snippet) return;
+  const rootPath = resolve2(args.projectRoot, config.rootPath);
+  const exists = await fileExists(rootPath);
+  if (args.mode === "never") {
+    console.log(
+      pc4.dim(
+        `  \u2022 Next step: paste ${config.helperPath} into ${config.rootPath} if you want repo-level instructions.`
+      )
+    );
+    return;
+  }
+  if (args.mode === "prompt" && exists) {
+    const approved = await confirm({
+      message: `Update ${config.rootPath} with a Fragments-managed block?`,
+      default: true
+    });
+    if (!approved) {
+      return;
+    }
+  }
+  if (args.mode === "prompt" && !exists) {
+    console.log(
+      pc4.dim(
+        `  \u2022 ${config.rootPath} does not exist. Keeping snippet-only output in ${config.helperPath}.`
+      )
+    );
+    return;
+  }
+  const nextContent = exists ? upsertManagedBlock(await readFile2(rootPath, "utf-8"), snippet) : managedBlock(snippet);
+  await writeManagedFile(rootPath, nextContent, args.dryRun);
+  console.log(pc4.green(`  \u2022 Updated ${config.rootPath}`));
+}
+async function maybeUpdateGitignore(projectRoot, dryRun) {
+  const gitignorePath = resolve2(projectRoot, ".gitignore");
+  const existing = await fileExists(gitignorePath) ? await readFile2(gitignorePath, "utf-8") : "";
+  if (existing.includes(".fragments/")) {
+    return;
+  }
+  const next = existing.trimEnd() ? `${existing.trimEnd()}
+.fragments/
+` : ".fragments/\n";
+  await writeManagedFile(gitignorePath, next, dryRun);
+}
+async function contextInstallCloud(options) {
+  const projectRoot = resolve2(process.cwd(), options.cwd ?? ".");
+  const apiKey = resolveApiKey(options.apiKey);
+  const targets = resolveTargets(options.targets);
+  const files = await fetchBundle({ apiKey, targets });
+  const manifest = parseManifestOrThrow(
+    files[".fragments/manifest.json"] ?? "{}",
+    "downloaded"
+  );
+  const mode = resolveRootFileMode(options);
+  console.log(
+    pc4.cyan(
+      `Installing Fragments bundle (${manifest.totalComponents} components, revision ${manifest.catalogRevision})`
+    )
+  );
+  for (const [relativePath, content] of Object.entries(files).sort(
+    ([a], [b]) => a.localeCompare(b)
+  )) {
+    const absolutePath = resolve2(projectRoot, relativePath);
+    if (!options.dryRun) {
+      await mkdir(dirname(absolutePath), { recursive: true });
+      await writeFile(absolutePath, content, "utf-8");
+    }
+    console.log(pc4.green(`  \u2022 Wrote ${relativePath}`));
+  }
+  if (options.gitignoreFragments) {
+    await maybeUpdateGitignore(projectRoot, options.dryRun);
+    console.log(
+      pc4.yellow(
+        "  \u2022 Added .fragments/ to .gitignore. This disables committed offline context by default."
+      )
+    );
+  }
+  for (const target of ["agents", "claude", "copilot"]) {
+    await maybePatchRootFile({
+      projectRoot,
+      target,
+      files,
+      mode,
+      dryRun: options.dryRun
+    });
+  }
+  console.log(
+    pc4.dim(
+      `Status: ${options.dryRun ? "dry run only \u2014 no files written" : "bundle installed successfully"}`
+    )
+  );
+}
+async function contextStatusCloud(options) {
+  const projectRoot = resolve2(process.cwd(), options.cwd ?? ".");
+  const manifestPath = resolve2(projectRoot, ".fragments/manifest.json");
+  if (!await fileExists(manifestPath)) {
+    console.log(pc4.yellow("Status: missing"));
+    console.log(pc4.dim("No local .fragments/manifest.json was found."));
+    return;
+  }
+  const parsedLocalManifest = parseManifestOrThrow(
+    await readFile2(manifestPath, "utf-8"),
+    "local"
+  );
+  const remoteManifest = await fetchRemoteManifest(resolveApiKey(options.apiKey));
+  const status = parsedLocalManifest.catalogRevision === remoteManifest.catalogRevision ? "up-to-date" : "outdated";
+  console.log(pc4.cyan(`Status: ${status}`));
+  console.log(
+    pc4.dim(`  Local revision:  ${parsedLocalManifest.catalogRevision}`)
+  );
+  console.log(pc4.dim(`  Remote revision: ${remoteManifest.catalogRevision}`));
+  console.log(
+    pc4.dim(`  Local updated:   ${parsedLocalManifest.catalogUpdatedAt}`)
+  );
+  console.log(pc4.dim(`  Remote updated:  ${remoteManifest.catalogUpdatedAt}`));
+}
+
+// src/commands/list.ts
+import pc5 from "picocolors";
 async function list(options = {}) {
   const { config, configDir } = await loadConfig(options.config);
   const files = await discoverFragmentFiles(config, configDir);
-  console.log(pc4.cyan(`
+  console.log(pc5.cyan(`
 ${BRAND.name} - Discovered Fragments
 `));
   if (files.length === 0) {
-    console.log(pc4.yellow("No fragment files found.\n"));
-    console.log(pc4.dim(`Looking for: ${config.include.join(", ")}`));
+    console.log(pc5.yellow("No fragment files found.\n"));
+    console.log(pc5.dim(`Looking for: ${config.include.join(", ")}`));
     return { success: true, files: [] };
   }
   for (const file of files) {
-    console.log(`  ${pc4.dim("\u2022")} ${file.relativePath}`);
+    console.log(`  ${pc5.dim("\u2022")} ${file.relativePath}`);
   }
-  console.log(pc4.dim(`
+  console.log(pc5.dim(`
   ${files.length} fragment(s) found
 `));
   return { success: true, files };
@@ -392,11 +658,11 @@ ${BRAND.name} - Discovered Fragments
 // src/commands/reset.ts
 import { stat, rm, unlink } from "fs/promises";
 import { join, relative } from "path";
-import pc5 from "picocolors";
+import pc6 from "picocolors";
 import fg from "fast-glob";
 async function reset(options = {}) {
   const { yes = false, dryRun = false } = options;
-  console.log(pc5.cyan(`
+  console.log(pc6.cyan(`
 ${BRAND.name} Reset
 `));
   const projectRoot = process.cwd();
@@ -436,7 +702,7 @@ ${BRAND.name} Reset
     }
   } catch {
   }
-  console.log(pc5.dim("Scanning for generated files...\n"));
+  console.log(pc6.dim("Scanning for generated files...\n"));
   for (const pattern of fragmentPatterns) {
     const matches = await fg(pattern, {
       cwd: projectRoot,
@@ -460,10 +726,10 @@ ${BRAND.name} Reset
     }
   }
   if (filesToDelete.length === 0 && dirsToDelete.length === 0) {
-    console.log(pc5.yellow("Nothing to reset. No generated files found.\n"));
+    console.log(pc6.yellow("Nothing to reset. No generated files found.\n"));
     return { success: true, deletedFiles: 0, deletedDirs: 0 };
   }
-  console.log(pc5.dim("The following will be deleted:\n"));
+  console.log(pc6.dim("The following will be deleted:\n"));
   for (const dir of dirsToDelete) {
     const relativePath = relative(projectRoot, dir);
     console.log(`  \u{1F4C1} ${relativePath}/`);
@@ -477,44 +743,44 @@ ${BRAND.name} Reset
     console.log(`  \u{1F4C4} ${fragmentFiles.length} fragment file(s) (*${BRAND.fileExtension})`);
     if (fragmentFiles.length <= 5) {
       for (const f of fragmentFiles) {
-        console.log(pc5.dim(`     ${relative(projectRoot, f)}`));
+        console.log(pc6.dim(`     ${relative(projectRoot, f)}`));
       }
     } else {
       for (const f of fragmentFiles.slice(0, 3)) {
-        console.log(pc5.dim(`     ${relative(projectRoot, f)}`));
+        console.log(pc6.dim(`     ${relative(projectRoot, f)}`));
       }
-      console.log(pc5.dim(`     ... and ${fragmentFiles.length - 3} more`));
+      console.log(pc6.dim(`     ... and ${fragmentFiles.length - 3} more`));
     }
   }
   if (mdxFilesFound.length > 0) {
     console.log(`  \u{1F4C4} ${mdxFilesFound.length} documentation file(s) (*.mdx)`);
     if (mdxFilesFound.length <= 5) {
       for (const f of mdxFilesFound) {
-        console.log(pc5.dim(`     ${relative(projectRoot, f)}`));
+        console.log(pc6.dim(`     ${relative(projectRoot, f)}`));
       }
     } else {
       for (const f of mdxFilesFound.slice(0, 3)) {
-        console.log(pc5.dim(`     ${relative(projectRoot, f)}`));
+        console.log(pc6.dim(`     ${relative(projectRoot, f)}`));
       }
-      console.log(pc5.dim(`     ... and ${mdxFilesFound.length - 3} more`));
+      console.log(pc6.dim(`     ... and ${mdxFilesFound.length - 3} more`));
     }
   }
   for (const f of otherFiles) {
     console.log(`  \u{1F4C4} ${relative(projectRoot, f)}`);
   }
   const totalCount = filesToDelete.length + dirsToDelete.length;
-  console.log(pc5.dim(`
+  console.log(pc6.dim(`
   Total: ${totalCount} item(s)
 `));
   if (dryRun) {
-    console.log(pc5.yellow("[Dry run - no files were deleted]\n"));
+    console.log(pc6.yellow("[Dry run - no files were deleted]\n"));
     return { success: true, deletedFiles: 0, deletedDirs: 0 };
   }
   let proceed = yes;
   if (!proceed) {
-    const { confirm } = await import("@inquirer/prompts");
+    const { confirm: confirm2 } = await import("@inquirer/prompts");
     try {
-      proceed = await confirm({
+      proceed = await confirm2({
         message: `Delete ${totalCount} item(s)?`,
         default: false
       });
@@ -523,7 +789,7 @@ ${BRAND.name} Reset
     }
   }
   if (!proceed) {
-    console.log(pc5.dim("\nNo changes made.\n"));
+    console.log(pc6.dim("\nNo changes made.\n"));
     return { success: true, deletedFiles: 0, deletedDirs: 0 };
   }
   console.log();
@@ -532,10 +798,10 @@ ${BRAND.name} Reset
     try {
       const relativePath = relative(projectRoot, dir);
       await rm(dir, { recursive: true, force: true });
-      console.log(`  ${pc5.green("\u2713")} Deleted ${relativePath}/`);
+      console.log(`  ${pc6.green("\u2713")} Deleted ${relativePath}/`);
       deletedDirs++;
     } catch {
-      console.log(`  ${pc5.red("\u2717")} Failed: ${relative(projectRoot, dir)}`);
+      console.log(`  ${pc6.red("\u2717")} Failed: ${relative(projectRoot, dir)}`);
     }
   }
   let deletedCount = 0;
@@ -549,16 +815,16 @@ ${BRAND.name} Reset
     }
   }
   if (deletedCount > 0) {
-    console.log(`  ${pc5.green("\u2713")} Deleted ${deletedCount} file(s)`);
+    console.log(`  ${pc6.green("\u2713")} Deleted ${deletedCount} file(s)`);
   }
   if (failedCount > 0) {
-    console.log(`  ${pc5.red("\u2717")} Failed to delete ${failedCount} file(s)`);
+    console.log(`  ${pc6.red("\u2717")} Failed to delete ${failedCount} file(s)`);
   }
-  console.log(pc5.green(`
+  console.log(pc6.green(`
 \u2713 Reset complete
 `));
-  console.log(pc5.dim(`Config file retained: ${BRAND.configFile}`));
-  console.log(pc5.dim(`Run ${pc5.cyan(`${BRAND.cliCommand} init`)} to start fresh
+  console.log(pc6.dim(`Config file retained: ${BRAND.configFile}`));
+  console.log(pc6.dim(`Run ${pc6.cyan(`${BRAND.cliCommand} init`)} to start fresh
 `));
   return {
     success: true,
@@ -568,9 +834,9 @@ ${BRAND.name} Reset
 }
 
 // src/commands/compare.ts
-import pc6 from "picocolors";
-import { writeFile, mkdir } from "fs/promises";
-import { resolve as resolve2, join as join2 } from "path";
+import pc7 from "picocolors";
+import { writeFile as writeFile2, mkdir as mkdir2 } from "fs/promises";
+import { resolve as resolve3, join as join2 } from "path";
 async function compare(component, options = {}) {
   const {
     variant,
@@ -581,13 +847,13 @@ async function compare(component, options = {}) {
     port = 6006
   } = options;
   if (!process.env.FIGMA_ACCESS_TOKEN) {
-    console.error(pc6.red("\nFIGMA_ACCESS_TOKEN environment variable required."));
-    console.log(pc6.dim("Generate at: https://www.figma.com/developers/api#access-tokens"));
-    console.log(pc6.dim("  export FIGMA_ACCESS_TOKEN=figd_xxx"));
+    console.error(pc7.red("\nFIGMA_ACCESS_TOKEN environment variable required."));
+    console.log(pc7.dim("Generate at: https://www.figma.com/developers/api#access-tokens"));
+    console.log(pc7.dim("  export FIGMA_ACCESS_TOKEN=figd_xxx"));
     process.exit(1);
   }
   const baseUrl = `http://localhost:${port}`;
-  console.log(pc6.cyan(`
+  console.log(pc7.cyan(`
 ${BRAND.name} Design Verification
 `));
   if (all) {
@@ -600,14 +866,14 @@ ${BRAND.name} Design Verification
     componentsToCompare = await selectComponents(baseUrl);
   }
   if (componentsToCompare.length === 0) {
-    console.log(pc6.dim("\nNo components selected."));
+    console.log(pc7.dim("\nNo components selected."));
     return { success: true, passed: 0, failed: 0, skipped: 0 };
   }
   if (componentsToCompare.length === 1) {
-    console.log(pc6.dim(`Comparing ${componentsToCompare[0]} to Figma design...
+    console.log(pc7.dim(`Comparing ${componentsToCompare[0]} to Figma design...
 `));
   } else {
-    console.log(pc6.dim(`Comparing ${componentsToCompare.length} components to Figma designs...
+    console.log(pc7.dim(`Comparing ${componentsToCompare.length} components to Figma designs...
 `));
   }
   let passed = 0;
@@ -627,15 +893,15 @@ ${BRAND.name} Design Verification
     const result = await response.json();
     if (result.error) {
       failed++;
-      console.log(`${pc6.red("\u2717")} ${pc6.bold(comp)} - ${result.error}`);
+      console.log(`${pc7.red("\u2717")} ${pc7.bold(comp)} - ${result.error}`);
       continue;
     }
     if (result.match) {
       passed++;
-      console.log(`${pc6.green("\u2713")} ${pc6.bold(comp)} ${pc6.dim(`${result.diffPercentage}%`)}`);
+      console.log(`${pc7.green("\u2713")} ${pc7.bold(comp)} ${pc7.dim(`${result.diffPercentage}%`)}`);
     } else {
       failed++;
-      console.log(`${pc6.red("\u2717")} ${pc6.bold(comp)} ${pc6.yellow(`${result.diffPercentage}%`)} ${pc6.dim(`(threshold: ${threshold}%)`)}`);
+      console.log(`${pc7.red("\u2717")} ${pc7.bold(comp)} ${pc7.yellow(`${result.diffPercentage}%`)} ${pc7.dim(`(threshold: ${threshold}%)`)}`);
     }
     if (output && result.rendered && result.figma && result.diff) {
       await saveImages(output, comp, result);
@@ -643,15 +909,15 @@ ${BRAND.name} Design Verification
   }
   if (componentsToCompare.length > 1) {
     console.log();
-    console.log(pc6.dim("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+    console.log(pc7.dim("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
     console.log(`
-${pc6.green(`${passed} passed`)}, ${pc6.red(`${failed} failed`)}
+${pc7.green(`${passed} passed`)}, ${pc7.red(`${failed} failed`)}
 `);
   } else {
     console.log();
   }
   if (output && componentsToCompare.length > 0) {
-    console.log(pc6.dim(`Images saved to: ${output}/
+    console.log(pc7.dim(`Images saved to: ${output}/
 `));
   }
   return {
@@ -662,7 +928,7 @@ ${pc6.green(`${passed} passed`)}, ${pc6.red(`${failed} failed`)}
   };
 }
 async function compareAll(baseUrl, threshold, output) {
-  console.log(pc6.dim("Comparing all components with Figma links...\n"));
+  console.log(pc7.dim("Comparing all components with Figma links...\n"));
   const contextResp = await fetch(`${baseUrl}/fragments/context?format=json`);
   if (!contextResp.ok) {
     throw new Error("Failed to fetch fragments. Make sure dev server is running.");
@@ -676,9 +942,9 @@ async function compareAll(baseUrl, threshold, output) {
     fragments = [];
   }
   if (fragments.length === 0) {
-    console.log(pc6.yellow("No components found with Figma links."));
-    console.log(pc6.dim("Add figma field to your fragment definitions:"));
-    console.log(pc6.dim('  meta: { figma: "https://figma.com/file/..." }'));
+    console.log(pc7.yellow("No components found with Figma links."));
+    console.log(pc7.dim("Add figma field to your fragment definitions:"));
+    console.log(pc7.dim('  meta: { figma: "https://figma.com/file/..." }'));
     return { success: true, passed: 0, failed: 0, skipped: 0 };
   }
   let passed = 0;
@@ -687,7 +953,7 @@ async function compareAll(baseUrl, threshold, output) {
   for (const seg of fragments) {
     if (!seg.figma) {
       skipped++;
-      console.log(`${pc6.dim("\u23ED\uFE0F")}  ${pc6.dim(seg.name)} ${pc6.dim("(no figma link)")}`);
+      console.log(`${pc7.dim("\u23ED\uFE0F")}  ${pc7.dim(seg.name)} ${pc7.dim("(no figma link)")}`);
       continue;
     }
     try {
@@ -703,29 +969,29 @@ async function compareAll(baseUrl, threshold, output) {
       const result = await response.json();
       if (result.error) {
         failed++;
-        console.log(`${pc6.red("\u2717")} ${pc6.bold(seg.name)} - ${result.error}`);
+        console.log(`${pc7.red("\u2717")} ${pc7.bold(seg.name)} - ${result.error}`);
       } else if (result.match) {
         passed++;
-        console.log(`${pc6.green("\u2713")} ${pc6.bold(seg.name)} ${pc6.dim(`${result.diffPercentage}%`)}`);
+        console.log(`${pc7.green("\u2713")} ${pc7.bold(seg.name)} ${pc7.dim(`${result.diffPercentage}%`)}`);
       } else {
         failed++;
-        console.log(`${pc6.red("\u2717")} ${pc6.bold(seg.name)} ${pc6.yellow(`${result.diffPercentage}%`)} ${pc6.dim(`(threshold: ${threshold}%)`)}`);
+        console.log(`${pc7.red("\u2717")} ${pc7.bold(seg.name)} ${pc7.yellow(`${result.diffPercentage}%`)} ${pc7.dim(`(threshold: ${threshold}%)`)}`);
       }
       if (output && result.rendered && result.figma && result.diff) {
         await saveImages(output, seg.name, result);
       }
     } catch (error) {
       failed++;
-      console.log(`${pc6.red("\u2717")} ${pc6.bold(seg.name)} - ${error instanceof Error ? error.message : "Unknown error"}`);
+      console.log(`${pc7.red("\u2717")} ${pc7.bold(seg.name)} - ${error instanceof Error ? error.message : "Unknown error"}`);
     }
   }
   console.log();
-  console.log(pc6.dim("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+  console.log(pc7.dim("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
   console.log(`
-${pc6.green(`${passed} passed`)}, ${pc6.red(`${failed} failed`)}, ${pc6.dim(`${skipped} skipped`)}
+${pc7.green(`${passed} passed`)}, ${pc7.red(`${failed} failed`)}, ${pc7.dim(`${skipped} skipped`)}
 `);
   if (output) {
-    console.log(pc6.dim(`Images saved to: ${output}/
+    console.log(pc7.dim(`Images saved to: ${output}/
 `));
   }
   return {
@@ -736,7 +1002,7 @@ ${pc6.green(`${passed} passed`)}, ${pc6.red(`${failed} failed`)}, ${pc6.dim(`${s
   };
 }
 async function selectComponents(baseUrl) {
-  console.log(pc6.dim("Fetching components with Figma links...\n"));
+  console.log(pc7.dim("Fetching components with Figma links...\n"));
   const contextResp = await fetch(`${baseUrl}/fragments/context?format=json`);
   if (!contextResp.ok) {
     throw new Error("Failed to fetch fragments. Make sure dev server is running.");
@@ -750,9 +1016,9 @@ async function selectComponents(baseUrl) {
     fragments = [];
   }
   if (fragments.length === 0) {
-    console.log(pc6.yellow("No components found with Figma links."));
-    console.log(pc6.dim("Add figma field to your fragment definitions:"));
-    console.log(pc6.dim('  meta: { figma: "https://figma.com/file/..." }'));
+    console.log(pc7.yellow("No components found with Figma links."));
+    console.log(pc7.dim("Add figma field to your fragment definitions:"));
+    console.log(pc7.dim('  meta: { figma: "https://figma.com/file/..." }'));
     return [];
   }
   const { checkbox } = await import("@inquirer/prompts");
@@ -768,16 +1034,16 @@ async function selectComponents(baseUrl) {
       pageSize: 15
     });
   } catch {
-    console.log(pc6.dim("\nNo changes made."));
+    console.log(pc7.dim("\nNo changes made."));
     return [];
   }
 }
 async function saveImages(outputDir, component, result) {
-  const dir = resolve2(process.cwd(), outputDir);
-  await mkdir(dir, { recursive: true });
+  const dir = resolve3(process.cwd(), outputDir);
+  await mkdir2(dir, { recursive: true });
   const saveImage = async (data, filename) => {
     const base64 = data.replace("data:image/png;base64,", "");
-    await writeFile(join2(dir, filename), Buffer.from(base64, "base64"));
+    await writeFile2(join2(dir, filename), Buffer.from(base64, "base64"));
   };
   if (result.rendered) {
     await saveImage(result.rendered, `${component}-rendered.png`);
@@ -791,9 +1057,9 @@ async function saveImages(outputDir, component, result) {
 }
 
 // src/commands/verify.ts
-import pc8 from "picocolors";
-import { readFile as readFile2 } from "fs/promises";
-import { resolve as resolve3 } from "path";
+import pc9 from "picocolors";
+import { readFile as readFile3 } from "fs/promises";
+import { resolve as resolve4 } from "path";
 import { existsSync } from "fs";
 
 // src/shared/dev-server-client.ts
@@ -918,7 +1184,7 @@ function createDevServerClient(port = 6006) {
 }
 
 // src/shared/command-wrapper.ts
-import pc7 from "picocolors";
+import pc8 from "picocolors";
 
 // src/commands/verify.ts
 async function verify(component, options = {}) {
@@ -930,10 +1196,10 @@ async function verify(component, options = {}) {
   let totalCompliance = 0;
   let componentCount = 0;
   if (!ci) {
-    console.log(pc8.cyan(`
+    console.log(pc9.cyan(`
 ${BRAND.name} Compliance Verification
 `));
-    console.log(pc8.dim(`Minimum compliance: ${minCompliance}%
+    console.log(pc9.dim(`Minimum compliance: ${minCompliance}%
 `));
   }
   if (ci) {
@@ -956,7 +1222,7 @@ ${BRAND.name} Compliance Verification
       if (ci) {
         console.log(JSON.stringify(error));
       } else {
-        console.log(pc8.red(error.error));
+        console.log(pc9.red(error.error));
       }
       process.exit(1);
     }
@@ -979,19 +1245,19 @@ ${BRAND.name} Compliance Verification
       totalCompliance += complianceResult.compliance;
       componentCount++;
       if (!ci) {
-        const icon = passed ? pc8.green("\u2713") : pc8.red("\u2717");
-        const complianceStr = passed ? pc8.green(`${complianceResult.compliance}%`) : pc8.red(`${complianceResult.compliance}%`);
+        const icon = passed ? pc9.green("\u2713") : pc9.red("\u2717");
+        const complianceStr = passed ? pc9.green(`${complianceResult.compliance}%`) : pc9.red(`${complianceResult.compliance}%`);
         console.log(`  ${icon} ${seg.name} ${complianceStr}`);
         if (!passed && complianceResult.violations.length > 0) {
           const violationsToShow = complianceResult.violations.slice(0, 3);
           for (const v of violationsToShow) {
-            console.log(pc8.dim(`     - ${v.property}: ${v.issue}`));
+            console.log(pc9.dim(`     - ${v.property}: ${v.issue}`));
             if (v.suggestion) {
-              console.log(pc8.dim(`       ${pc8.cyan("\u2192")} ${v.suggestion}`));
+              console.log(pc9.dim(`       ${pc9.cyan("\u2192")} ${v.suggestion}`));
             }
           }
           if (complianceResult.violations.length > 3) {
-            console.log(pc8.dim(`     ... and ${complianceResult.violations.length - 3} more`));
+            console.log(pc9.dim(`     ... and ${complianceResult.violations.length - 3} more`));
           }
         }
       }
@@ -1010,7 +1276,7 @@ ${BRAND.name} Compliance Verification
         usingTokens: 0
       });
       if (!ci) {
-        console.log(`  ${pc8.red("\u2717")} ${seg.name} ${pc8.red("error")}`);
+        console.log(`  ${pc9.red("\u2717")} ${seg.name} ${pc9.red("error")}`);
       }
     }
   }
@@ -1034,12 +1300,12 @@ ${BRAND.name} Compliance Verification
   } else {
     console.log();
     if (allPassed) {
-      console.log(pc8.green(`\u2713 All ${componentCount} component(s) meet ${minCompliance}% compliance threshold`));
+      console.log(pc9.green(`\u2713 All ${componentCount} component(s) meet ${minCompliance}% compliance threshold`));
     } else {
       const failedCount = results.filter((r) => !r.passed).length;
-      console.log(pc8.red(`\u2717 ${failedCount} component(s) below ${minCompliance}% compliance threshold`));
+      console.log(pc9.red(`\u2717 ${failedCount} component(s) below ${minCompliance}% compliance threshold`));
     }
-    console.log(pc8.dim(`  Average compliance: ${summary.compliance}%
+    console.log(pc9.dim(`  Average compliance: ${summary.compliance}%
 `));
   }
   return summary;
@@ -1115,7 +1381,7 @@ function computeMetadataScore(fragment) {
 async function verifyFromLocalFragments(configPath, minCompliance, component) {
   const { config, configDir } = await loadConfig(configPath);
   const outFile = config.outFile ?? "fragments.json";
-  const fragmentsPath = resolve3(configDir ?? process.cwd(), outFile);
+  const fragmentsPath = resolve4(configDir ?? process.cwd(), outFile);
   if (!existsSync(fragmentsPath)) {
     const error = {
       error: `fragments.json not found at ${fragmentsPath}. Run "fragments build" first.`
@@ -1123,7 +1389,7 @@ async function verifyFromLocalFragments(configPath, minCompliance, component) {
     console.log(JSON.stringify(error));
     process.exit(1);
   }
-  const raw = await readFile2(fragmentsPath, "utf-8");
+  const raw = await readFile3(fragmentsPath, "utf-8");
   const data = JSON.parse(raw);
   let entries = Object.entries(data.fragments).filter(
     ([, frag]) => !frag.filePath.includes("node_modules")
@@ -1175,14 +1441,14 @@ async function verifyFromLocalFragments(configPath, minCompliance, component) {
 }
 
 // src/commands/audit.ts
-import pc9 from "picocolors";
+import pc10 from "picocolors";
 async function audit(options = {}) {
   const { config: configPath, json = false, sort = "compliance", port = 6006 } = options;
   await loadConfig(configPath);
   const client = createDevServerClient(port);
   const audits = [];
   if (!json) {
-    console.log(pc9.cyan(`
+    console.log(pc10.cyan(`
 ${BRAND.name} Design System Audit
 `));
   }
@@ -1198,7 +1464,7 @@ ${BRAND.name} Design System Audit
     if (json) {
       console.log(JSON.stringify({ error: "No fragments found", components: [] }));
     } else {
-      console.log(pc9.yellow("No fragments found.\n"));
+      console.log(pc10.yellow("No fragments found.\n"));
     }
     return {
       totalComponents: 0,
@@ -1213,7 +1479,7 @@ ${BRAND.name} Design System Audit
     };
   }
   if (!json) {
-    console.log(pc9.dim(`Auditing ${fragments.length} component(s)...
+    console.log(pc10.dim(`Auditing ${fragments.length} component(s)...
 `));
   }
   for (const seg of fragments) {
@@ -1268,24 +1534,24 @@ ${BRAND.name} Design System Audit
   if (json) {
     console.log(JSON.stringify(summary, null, 2));
   } else {
-    console.log(pc9.bold("Component".padEnd(30) + "Compliance".padEnd(12) + "Hardcoded".padEnd(12) + "Properties"));
-    console.log(pc9.dim("\u2500".repeat(66)));
+    console.log(pc10.bold("Component".padEnd(30) + "Compliance".padEnd(12) + "Hardcoded".padEnd(12) + "Properties"));
+    console.log(pc10.dim("\u2500".repeat(66)));
     for (const auditItem of audits) {
-      const complianceColor = auditItem.compliance >= 90 ? pc9.green : auditItem.compliance >= 70 ? pc9.yellow : pc9.red;
+      const complianceColor = auditItem.compliance >= 90 ? pc10.green : auditItem.compliance >= 70 ? pc10.yellow : pc10.red;
       console.log(
         auditItem.name.padEnd(30) + complianceColor(`${auditItem.compliance}%`.padEnd(12)) + String(auditItem.hardcoded).padEnd(12) + String(auditItem.totalProperties)
       );
     }
-    console.log(pc9.dim("\u2500".repeat(66)));
+    console.log(pc10.dim("\u2500".repeat(66)));
     console.log();
-    console.log(pc9.bold("Summary:"));
+    console.log(pc10.bold("Summary:"));
     console.log(`  Total components: ${audits.length}`);
     console.log(`  Average compliance: ${summary.averageCompliance}%`);
     console.log(`  Total hardcoded values: ${summary.stats.totalHardcoded}`);
     console.log(`  Total properties checked: ${summary.stats.totalProperties}`);
     if (audits.some((a) => a.compliance < 100)) {
       console.log();
-      console.log(pc9.dim(`Run ${pc9.cyan(`${BRAND.cliCommand} verify <component>`)} for detailed compliance info.`));
+      console.log(pc10.dim(`Run ${pc10.cyan(`${BRAND.cliCommand} verify <component>`)} for detailed compliance info.`));
     }
     console.log();
   }
@@ -1294,7 +1560,7 @@ ${BRAND.name} Design System Audit
 
 // src/commands/a11y.ts
 import fs from "fs";
-import pc10 from "picocolors";
+import pc11 from "picocolors";
 
 // src/commands/a11y-report.ts
 function generateA11yReport(summary) {
@@ -1923,7 +2189,7 @@ async function a11y(options = {}) {
   const componentResults = [];
   const isJsonOutput = format === "json" || json;
   if (!isJsonOutput && format !== "github") {
-    console.log(pc10.cyan(`
+    console.log(pc11.cyan(`
 ${BRAND.name} Accessibility Report
 `));
   }
@@ -1939,7 +2205,7 @@ ${BRAND.name} Accessibility Report
     if (isJsonOutput) {
       console.log(JSON.stringify({ error: "No fragments found", components: [] }));
     } else {
-      console.log(pc10.yellow("No fragments found.\n"));
+      console.log(pc11.yellow("No fragments found.\n"));
     }
     return {
       totalComponents: 0,
@@ -1960,12 +2226,12 @@ ${BRAND.name} Accessibility Report
     if (isJsonOutput) {
       console.log(JSON.stringify({ error }));
     } else {
-      console.log(pc10.red(error));
+      console.log(pc11.red(error));
     }
     throw new Error(error);
   }
   if (!isJsonOutput && format !== "github") {
-    console.log(pc10.dim(`Checking ${componentsToCheck.length} component(s) for accessibility issues...
+    console.log(pc11.dim(`Checking ${componentsToCheck.length} component(s) for accessibility issues...
 `));
   }
   for (const seg of componentsToCheck) {
@@ -2038,50 +2304,50 @@ ${BRAND.name} Accessibility Report
   } else if (isJsonOutput) {
     console.log(JSON.stringify(summary, null, 2));
   } else {
-    console.log(pc10.bold(
+    console.log(pc11.bold(
       "Component".padEnd(20) + "Variants".padEnd(10) + "Violations".padEnd(12) + "Critical".padEnd(10) + "Serious".padEnd(10) + "Status"
     ));
-    console.log(pc10.dim("\u2500".repeat(72)));
+    console.log(pc11.dim("\u2500".repeat(72)));
     for (const result of componentResults) {
-      const statusColor = result.status === "PASS" ? pc10.green : result.status === "WARN" ? pc10.yellow : pc10.red;
+      const statusColor = result.status === "PASS" ? pc11.green : result.status === "WARN" ? pc11.yellow : pc11.red;
       const variantCount = result.results.length || 1;
       console.log(
         result.component.padEnd(20) + String(variantCount).padEnd(10) + String(result.totalViolations).padEnd(12) + String(result.totalCritical).padEnd(10) + String(result.totalSerious).padEnd(10) + statusColor(result.status)
       );
     }
-    console.log(pc10.dim("\u2500".repeat(72)));
+    console.log(pc11.dim("\u2500".repeat(72)));
     console.log();
     const categories = [
-      { label: "Critical", count: totalCritical, color: pc10.red },
-      { label: "Serious", count: totalSerious, color: pc10.red },
-      { label: "Moderate", count: totalModerate, color: pc10.yellow },
-      { label: "Minor", count: totalMinor, color: pc10.dim }
+      { label: "Critical", count: totalCritical, color: pc11.red },
+      { label: "Serious", count: totalSerious, color: pc11.red },
+      { label: "Moderate", count: totalModerate, color: pc11.yellow },
+      { label: "Minor", count: totalMinor, color: pc11.dim }
     ];
     for (const cat of categories) {
       if (cat.count > 0) {
         const dots = ".".repeat(Math.max(1, 30 - cat.label.length));
-        console.log(`  ${cat.label} ${pc10.dim(dots)} ${cat.color(String(cat.count))}`);
+        console.log(`  ${cat.label} ${pc11.dim(dots)} ${cat.color(String(cat.count))}`);
       }
     }
     const { score, aaPercent, aaaPercent } = summary.score;
     console.log();
-    console.log(pc10.bold(`  Score: ${score}/100`));
+    console.log(pc11.bold(`  Score: ${score}/100`));
     console.log(`  AA compliance .... ${aaPercent}%`);
     console.log(`  AAA compliance ... ${aaaPercent}%`);
     console.log(`  Standard ......... WCAG ${standard}`);
     console.log();
-    console.log(pc10.bold("Summary:"));
+    console.log(pc11.bold("Summary:"));
     console.log(`  ${accessibleComponents}/${componentResults.length} components accessible (${summary.accessiblePercent}%)`);
     console.log(`  Total violations: ${totalViolations} (${totalCritical} critical, ${totalSerious} serious, ${totalModerate} moderate, ${totalMinor} minor)`);
     if (!summary.passed) {
       console.log();
-      console.log(pc10.red("x Accessibility check failed - critical/serious violations found"));
+      console.log(pc11.red("x Accessibility check failed - critical/serious violations found"));
     } else if (totalViolations > 0) {
       console.log();
-      console.log(pc10.yellow("! Minor/moderate violations found - consider fixing for better accessibility"));
+      console.log(pc11.yellow("! Minor/moderate violations found - consider fixing for better accessibility"));
     } else {
       console.log();
-      console.log(pc10.green("v All components pass accessibility checks"));
+      console.log(pc11.green("v All components pass accessibility checks"));
     }
     console.log();
   }
@@ -2089,7 +2355,7 @@ ${BRAND.name} Accessibility Report
     const outputPath = options.output ?? "a11y-report.html";
     const html = generateA11yReport(summary);
     fs.writeFileSync(outputPath, html, "utf-8");
-    console.log(pc10.green("v Report generated: " + outputPath));
+    console.log(pc11.green("v Report generated: " + outputPath));
   }
   if (ci && !summary.passed) {
     throw new Error(`Accessibility check failed: ${totalCritical} critical, ${totalSerious} serious violations found`);
@@ -2098,22 +2364,22 @@ ${BRAND.name} Accessibility Report
 }
 
 // src/commands/storygen.ts
-import { writeFile as writeFile2, mkdir as mkdir2 } from "fs/promises";
-import { resolve as resolve4, join as join3, relative as relative2 } from "path";
-import pc11 from "picocolors";
+import { writeFile as writeFile3, mkdir as mkdir3 } from "fs/promises";
+import { resolve as resolve5, join as join3, relative as relative2 } from "path";
+import pc12 from "picocolors";
 async function storygen(options = {}) {
   const { config: configPath, output = ".storybook/generated", watch = false } = options;
   const { config, configDir } = await loadConfig(configPath);
-  console.log(pc11.cyan(`
+  console.log(pc12.cyan(`
 ${BRAND.name} Story Generator
 `));
   const fragmentFiles = await discoverFragmentFiles(config, configDir);
   if (fragmentFiles.length === 0) {
-    console.log(pc11.yellow("No fragment files found.\n"));
+    console.log(pc12.yellow("No fragment files found.\n"));
     return { success: true, generated: 0, outputDir: output };
   }
-  const outputDir = resolve4(configDir, output);
-  await mkdir2(outputDir, { recursive: true });
+  const outputDir = resolve5(configDir, output);
+  await mkdir3(outputDir, { recursive: true });
   let generated = 0;
   const generateStory = async (file) => {
     try {
@@ -2122,15 +2388,15 @@ ${BRAND.name} Story Generator
       const storyContent = generateCSF3Story(fragment, file.relativePath);
       const storyName = `${fragment.meta.name}.stories.tsx`;
       const storyPath = join3(outputDir, storyName);
-      await writeFile2(storyPath, storyContent);
-      console.log(`${pc11.green("\u2713")} Generated ${storyName}`);
+      await writeFile3(storyPath, storyContent);
+      console.log(`${pc12.green("\u2713")} Generated ${storyName}`);
       return true;
     } catch (error) {
-      console.log(`${pc11.red("\u2717")} Failed: ${file.relativePath} - ${error instanceof Error ? error.message : error}`);
+      console.log(`${pc12.red("\u2717")} Failed: ${file.relativePath} - ${error instanceof Error ? error.message : error}`);
       return false;
     }
   };
-  console.log(pc11.dim(`Generating stories to ${relative2(process.cwd(), outputDir)}/
+  console.log(pc12.dim(`Generating stories to ${relative2(process.cwd(), outputDir)}/
 `));
   for (const file of fragmentFiles) {
     if (await generateStory(file)) {
@@ -2138,10 +2404,10 @@ ${BRAND.name} Story Generator
     }
   }
   console.log();
-  console.log(pc11.green(`\u2713 Generated ${generated} story file(s)
+  console.log(pc12.green(`\u2713 Generated ${generated} story file(s)
 `));
   if (watch) {
-    console.log(pc11.dim("Watching for fragment changes... (Ctrl+C to stop)\n"));
+    console.log(pc12.dim("Watching for fragment changes... (Ctrl+C to stop)\n"));
     const chokidar = await import("chokidar");
     const patterns = fragmentFiles.map((f) => f.absolutePath);
     const watcher = chokidar.watch(patterns, {
@@ -2151,13 +2417,13 @@ ${BRAND.name} Story Generator
     watcher.on("change", async (changedPath) => {
       const file = fragmentFiles.find((f) => f.absolutePath === changedPath);
       if (file) {
-        console.log(pc11.dim(`
+        console.log(pc12.dim(`
 Changed: ${relative2(process.cwd(), changedPath)}`));
         await generateStory(file);
       }
     });
     watcher.on("add", async (addedPath) => {
-      console.log(pc11.dim(`
+      console.log(pc12.dim(`
 Added: ${relative2(process.cwd(), addedPath)}`));
       const newFiles = await discoverFragmentFiles(config, configDir);
       const file = newFiles.find((f) => f.absolutePath === addedPath);
@@ -2241,12 +2507,12 @@ ${storyExports.join("\n")}
 }
 
 // src/commands/metrics.ts
-import pc12 from "picocolors";
+import pc13 from "picocolors";
 async function metrics(component, options = {}) {
   const { config: configPath, days = 30, json = false } = options;
   const { configDir } = await loadConfig(configPath);
   const store = createMetricsStore(configDir);
-  console.log(pc12.cyan(`
+  console.log(pc13.cyan(`
 ${BRAND.name} Compliance Metrics
 `));
   const trend = await store.getTrend(component || "all", {
@@ -2258,31 +2524,31 @@ ${BRAND.name} Compliance Metrics
     return { success: true, trend };
   }
   const title = component ? `Component: ${component}` : "System-wide";
-  console.log(pc12.bold(title));
-  console.log(pc12.dim(`Last ${days} days
+  console.log(pc13.bold(title));
+  console.log(pc13.dim(`Last ${days} days
 `));
   if (trend.dataPoints.length === 0) {
-    console.log(pc12.yellow("No metrics data found.\n"));
-    console.log(pc12.dim("Metrics are recorded automatically when running verification commands."));
-    console.log(pc12.dim(`Try running: ${pc12.cyan(`${BRAND.cliCommand} verify --ci`)}
+    console.log(pc13.yellow("No metrics data found.\n"));
+    console.log(pc13.dim("Metrics are recorded automatically when running verification commands."));
+    console.log(pc13.dim(`Try running: ${pc13.cyan(`${BRAND.cliCommand} verify --ci`)}
 `));
     return { success: true, trend };
   }
   const sparkline = store.generateSparkline(trend.dataPoints);
-  console.log(pc12.bold("Trend: ") + sparkline);
+  console.log(pc13.bold("Trend: ") + sparkline);
   console.log();
-  const trendColor = trend.trend === "improving" ? pc12.green : trend.trend === "declining" ? pc12.red : pc12.dim;
+  const trendColor = trend.trend === "improving" ? pc13.green : trend.trend === "declining" ? pc13.red : pc13.dim;
   const trendIcon = trend.trend === "improving" ? "\u2191" : trend.trend === "declining" ? "\u2193" : "\u2192";
-  console.log(`  Average compliance: ${pc12.bold(`${trend.averageCompliance}%`)}`);
+  console.log(`  Average compliance: ${pc13.bold(`${trend.averageCompliance}%`)}`);
   console.log(`  Direction: ${trendColor(`${trendIcon} ${trend.trend}`)}`);
   console.log(`  Data points: ${trend.dataPoints.length}`);
   console.log();
   const recent = trend.dataPoints.slice(-5);
   if (recent.length > 0) {
-    console.log(pc12.dim("Recent data:"));
+    console.log(pc13.dim("Recent data:"));
     for (const point of recent) {
-      const complianceColor = point.compliance >= 90 ? pc12.green : point.compliance >= 70 ? pc12.yellow : pc12.red;
-      console.log(`  ${pc12.dim(point.date)} ${complianceColor(`${point.compliance}%`)} ${pc12.dim(`(${point.violations} violations)`)}`);
+      const complianceColor = point.compliance >= 90 ? pc13.green : point.compliance >= 70 ? pc13.yellow : pc13.red;
+      console.log(`  ${pc13.dim(point.date)} ${complianceColor(`${point.compliance}%`)} ${pc13.dim(`(${point.violations} violations)`)}`);
     }
     console.log();
   }
@@ -2292,7 +2558,7 @@ ${BRAND.name} Compliance Metrics
 // src/commands/baseline.ts
 import { readdir as readdir2, rm as rm2 } from "fs/promises";
 import { join as join4, relative as relative3 } from "path";
-import pc13 from "picocolors";
+import pc14 from "picocolors";
 async function baseline(action, component, options = {}) {
   const { config: configPath, variant, all = false, theme = "light", port = 6006 } = options;
   const { config, configDir } = await loadConfig(configPath);
@@ -2301,7 +2567,7 @@ async function baseline(action, component, options = {}) {
     viewport: config.screenshots?.viewport
   });
   await storage.initialize();
-  console.log(pc13.cyan(`
+  console.log(pc14.cyan(`
 ${BRAND.name} Baseline Manager
 `));
   const baseUrl = `http://localhost:${port}`;
@@ -2313,8 +2579,8 @@ ${BRAND.name} Baseline Manager
     case "delete":
       return deleteBaseline(component, options, configDir);
     default:
-      console.log(pc13.red(`Unknown action: ${action}`));
-      console.log(pc13.dim("Available actions: update, list, delete\n"));
+      console.log(pc14.red(`Unknown action: ${action}`));
+      console.log(pc14.dim("Available actions: update, list, delete\n"));
       process.exit(1);
   }
 }
@@ -2329,7 +2595,7 @@ async function updateBaseline(component, options, config, configDir, baseUrl) {
     const contextData = JSON.parse(await contextResp.text());
     const fragments = contextData.components || [];
     if (fragments.length === 0) {
-      console.log(pc13.yellow("No components found.\n"));
+      console.log(pc14.yellow("No components found.\n"));
       return { success: true, action: "update", count: 0 };
     }
     component = await select({
@@ -2341,25 +2607,25 @@ async function updateBaseline(component, options, config, configDir, baseUrl) {
     });
   }
   if (all) {
-    console.log(pc13.dim("Updating all baselines...\n"));
+    console.log(pc14.dim("Updating all baselines...\n"));
     await runScreenshotCommand(config, configDir, {
       theme
     });
-    console.log(pc13.green("\n\u2713 All baselines updated\n"));
+    console.log(pc14.green("\n\u2713 All baselines updated\n"));
   } else if (component) {
-    console.log(pc13.dim(`Updating baselines for ${component}...
+    console.log(pc14.dim(`Updating baselines for ${component}...
 `));
     await runScreenshotCommand(config, configDir, {
       component,
       variant,
       theme
     });
-    console.log(pc13.green(`
+    console.log(pc14.green(`
 \u2713 Baselines updated for ${component}
 `));
   }
   const baselinesDir = join4(configDir, BRAND.dataDir, "baselines");
-  console.log(pc13.dim(`Baselines directory: ${relative3(process.cwd(), baselinesDir)}
+  console.log(pc14.dim(`Baselines directory: ${relative3(process.cwd(), baselinesDir)}
 `));
   return { success: true, action: "update" };
 }
@@ -2369,22 +2635,22 @@ async function listBaselines(configDir) {
     const files = await readdir2(baselinesDir, { recursive: true });
     const pngFiles = files.filter((f) => f.endsWith(".png"));
     if (pngFiles.length === 0) {
-      console.log(pc13.yellow("No baselines found.\n"));
-      console.log(pc13.dim(`Run ${pc13.cyan(`${BRAND.cliCommand} screenshot`)} to capture baselines.
+      console.log(pc14.yellow("No baselines found.\n"));
+      console.log(pc14.dim(`Run ${pc14.cyan(`${BRAND.cliCommand} screenshot`)} to capture baselines.
 `));
       return { success: true, action: "list", count: 0 };
     }
-    console.log(pc13.bold("Baselines:\n"));
+    console.log(pc14.bold("Baselines:\n"));
     for (const file of pngFiles) {
       console.log(`  ${file}`);
     }
     console.log();
-    console.log(pc13.dim(`Total: ${pngFiles.length} baseline(s)
+    console.log(pc14.dim(`Total: ${pngFiles.length} baseline(s)
 `));
     return { success: true, action: "list", count: pngFiles.length };
   } catch {
-    console.log(pc13.yellow("No baselines directory found.\n"));
-    console.log(pc13.dim(`Run ${pc13.cyan(`${BRAND.cliCommand} screenshot`)} to capture baselines.
+    console.log(pc14.yellow("No baselines directory found.\n"));
+    console.log(pc14.dim(`Run ${pc14.cyan(`${BRAND.cliCommand} screenshot`)} to capture baselines.
 `));
     return { success: true, action: "list", count: 0 };
   }
@@ -2393,42 +2659,42 @@ async function deleteBaseline(component, options, configDir) {
   const { all = false } = options;
   const baselinesDir = join4(configDir, BRAND.dataDir, "baselines");
   if (all) {
-    const { confirm } = await import("@inquirer/prompts");
-    const confirmed = await confirm({
+    const { confirm: confirm2 } = await import("@inquirer/prompts");
+    const confirmed = await confirm2({
       message: "Delete ALL baselines? This cannot be undone.",
       default: false
     });
     if (!confirmed) {
-      console.log(pc13.dim("\nNo changes made.\n"));
+      console.log(pc14.dim("\nNo changes made.\n"));
       return { success: true, action: "delete", count: 0 };
     }
     await rm2(baselinesDir, { recursive: true, force: true });
-    console.log(pc13.green("\n\u2713 All baselines deleted\n"));
+    console.log(pc14.green("\n\u2713 All baselines deleted\n"));
     return { success: true, action: "delete" };
   } else if (component) {
     const componentDir = join4(baselinesDir, component);
     try {
       await rm2(componentDir, { recursive: true, force: true });
-      console.log(pc13.green(`\u2713 Baselines deleted for ${component}
+      console.log(pc14.green(`\u2713 Baselines deleted for ${component}
 `));
       return { success: true, action: "delete" };
     } catch {
-      console.log(pc13.yellow(`No baselines found for ${component}.
+      console.log(pc14.yellow(`No baselines found for ${component}.
 `));
       return { success: true, action: "delete", count: 0 };
     }
   } else {
-    console.log(pc13.yellow("Specify a component name or use --all flag.\n"));
+    console.log(pc14.yellow("Specify a component name or use --all flag.\n"));
     return { success: false, action: "delete" };
   }
 }
 
 // src/commands/add.ts
-import { writeFile as writeFile3, mkdir as mkdir4, access } from "fs/promises";
-import { resolve as resolve5, join as join5, relative as relative4 } from "path";
-import pc14 from "picocolors";
+import { writeFile as writeFile4, mkdir as mkdir5, access as access2 } from "fs/promises";
+import { resolve as resolve6, join as join5, relative as relative4 } from "path";
+import pc15 from "picocolors";
 async function add(name, options = {}) {
-  console.log(pc14.cyan(`
+  console.log(pc15.cyan(`
 ${BRAND.name} Component Scaffold
 `));
   let componentName = name;
@@ -2474,7 +2740,7 @@ ${BRAND.name} Component Scaffold
         });
       }
     } catch {
-      console.log(pc14.dim("\nNo changes made."));
+      console.log(pc15.dim("\nNo changes made."));
       process.exit(0);
     }
   }
@@ -2482,41 +2748,41 @@ ${BRAND.name} Component Scaffold
   category = category || "components";
   template = template || "display";
   dir = dir || "src/components";
-  const componentDir = resolve5(process.cwd(), dir, componentName);
+  const componentDir = resolve6(process.cwd(), dir, componentName);
   const componentFile = join5(componentDir, `${componentName}.tsx`);
   const fragmentFile = join5(componentDir, `${componentName}${BRAND.fileExtension}`);
   const indexFile = join5(componentDir, "index.ts");
   try {
-    await access(componentDir);
-    console.log(pc14.yellow(`Directory already exists: ${relative4(process.cwd(), componentDir)}`));
-    console.log(pc14.dim("Use a different name or remove the existing directory."));
+    await access2(componentDir);
+    console.log(pc15.yellow(`Directory already exists: ${relative4(process.cwd(), componentDir)}`));
+    console.log(pc15.dim("Use a different name or remove the existing directory."));
     process.exit(1);
   } catch {
   }
-  await mkdir4(componentDir, { recursive: true });
+  await mkdir5(componentDir, { recursive: true });
   if (generateComponent) {
     const componentCode = generateComponentStub(componentName, template);
-    await writeFile3(componentFile, componentCode);
-    console.log(`${pc14.green("\u2713")} Created ${relative4(process.cwd(), componentFile)}`);
+    await writeFile4(componentFile, componentCode);
+    console.log(`${pc15.green("\u2713")} Created ${relative4(process.cwd(), componentFile)}`);
   }
   const fragmentCode = generateFragmentStub(componentName, category, template);
-  await writeFile3(fragmentFile, fragmentCode);
-  console.log(`${pc14.green("\u2713")} Created ${relative4(process.cwd(), fragmentFile)}`);
+  await writeFile4(fragmentFile, fragmentCode);
+  console.log(`${pc15.green("\u2713")} Created ${relative4(process.cwd(), fragmentFile)}`);
   const indexCode = `export { ${componentName} } from './${componentName}.js';
 `;
-  await writeFile3(indexFile, indexCode);
-  console.log(`${pc14.green("\u2713")} Created ${relative4(process.cwd(), indexFile)}`);
-  console.log(pc14.green(`
+  await writeFile4(indexFile, indexCode);
+  console.log(`${pc15.green("\u2713")} Created ${relative4(process.cwd(), indexFile)}`);
+  console.log(pc15.green(`
 \u2713 Scaffolded ${componentName}
 `));
-  console.log(pc14.dim("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-  console.log(pc14.bold("\nNext steps:"));
+  console.log(pc15.dim("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+  console.log(pc15.bold("\nNext steps:"));
   if (generateComponent) {
     console.log(`  1. Implement ${componentName}.tsx`);
   }
   console.log(`  2. Fill in usage.when and usage.whenNot in the fragment file`);
   console.log(`  3. Add variants with different prop combinations`);
-  console.log(`  4. Run ${pc14.cyan(`${BRAND.cliCommand} dev`)} to preview`);
+  console.log(`  4. Run ${pc15.cyan(`${BRAND.cliCommand} dev`)} to preview`);
   console.log();
   return {
     success: true,
@@ -2666,24 +2932,24 @@ export default defineFragment({
 }
 
 // src/commands/link/figma.ts
-import { readFile as readFile3, writeFile as writeFile4 } from "fs/promises";
-import pc15 from "picocolors";
+import { readFile as readFile4, writeFile as writeFile5 } from "fs/promises";
+import pc16 from "picocolors";
 async function linkFigma(figmaUrl, options = {}) {
   const { config: configPath, auto = false, dryRun = false, variants = true } = options;
   if (!process.env.FIGMA_ACCESS_TOKEN) {
-    console.error(pc15.red("\nFIGMA_ACCESS_TOKEN environment variable required."));
-    console.log(pc15.dim("Generate at: https://www.figma.com/developers/api#access-tokens"));
-    console.log(pc15.dim("  export FIGMA_ACCESS_TOKEN=figd_xxx"));
+    console.error(pc16.red("\nFIGMA_ACCESS_TOKEN environment variable required."));
+    console.log(pc16.dim("Generate at: https://www.figma.com/developers/api#access-tokens"));
+    console.log(pc16.dim("  export FIGMA_ACCESS_TOKEN=figd_xxx"));
     process.exit(1);
   }
-  console.log(pc15.cyan(`
+  console.log(pc16.cyan(`
 ${BRAND.name} Link Wizard
 `));
   const { config, configDir } = await loadConfig(configPath);
   let fileUrl = figmaUrl || config.figmaFile;
   if (!fileUrl) {
     const { input } = await import("@inquirer/prompts");
-    console.log(pc15.dim("Tip: Add `figmaFile` to fragments.config.ts to skip this prompt\n"));
+    console.log(pc16.dim("Tip: Add `figmaFile` to fragments.config.ts to skip this prompt\n"));
     try {
       fileUrl = await input({
         message: "Enter Figma file URL:",
@@ -2694,44 +2960,44 @@ ${BRAND.name} Link Wizard
         }
       });
     } catch {
-      console.log(pc15.dim("\nNo changes made."));
+      console.log(pc16.dim("\nNo changes made."));
       process.exit(0);
     }
   } else if (config.figmaFile && !figmaUrl) {
-    console.log(pc15.dim(`Using Figma file from config: ${config.figmaFile}
+    console.log(pc16.dim(`Using Figma file from config: ${config.figmaFile}
 `));
   }
   const figmaClient = new FigmaClient({ accessToken: process.env.FIGMA_ACCESS_TOKEN });
-  console.log(pc15.dim("Parsing Figma URL..."));
+  console.log(pc16.dim("Parsing Figma URL..."));
   const { fileKey } = figmaClient.parseFileUrl(fileUrl);
-  console.log(pc15.dim("Fetching components from Figma..."));
+  console.log(pc16.dim("Fetching components from Figma..."));
   const figmaData = await figmaClient.getFileComponents(fileKey);
   const allFigmaComponents = figmaData.componentSets.length > 0 ? figmaData.componentSets : figmaData.components;
   if (allFigmaComponents.length === 0) {
-    console.log(pc15.yellow("\nNo components found in Figma file."));
-    console.log(pc15.dim("Make sure the file contains published components."));
+    console.log(pc16.yellow("\nNo components found in Figma file."));
+    console.log(pc16.dim("Make sure the file contains published components."));
     process.exit(0);
   }
   const componentType = figmaData.componentSets.length > 0 ? "component set" : "component";
-  console.log(pc15.green(`\u2713 Found ${allFigmaComponents.length} Figma ${componentType}(s) in "${figmaData.fileName}"`));
+  console.log(pc16.green(`\u2713 Found ${allFigmaComponents.length} Figma ${componentType}(s) in "${figmaData.fileName}"`));
   if (figmaData.components.length > 0 && figmaData.componentSets.length > 0) {
-    console.log(pc15.dim(`  (${figmaData.components.length} individual components also available)
+    console.log(pc16.dim(`  (${figmaData.components.length} individual components also available)
 `));
   } else {
     console.log();
   }
   const fragmentFiles = await discoverFragmentFiles(config, configDir);
   if (fragmentFiles.length === 0) {
-    console.log(pc15.yellow("No fragment files found in codebase."));
-    console.log(pc15.dim(`Looking for: ${config.include.join(", ")}`));
+    console.log(pc16.yellow("No fragment files found in codebase."));
+    console.log(pc16.dim(`Looking for: ${config.include.join(", ")}`));
     process.exit(0);
   }
-  console.log(pc15.dim(`Found ${fragmentFiles.length} fragment file(s)
+  console.log(pc16.dim(`Found ${fragmentFiles.length} fragment file(s)
 `));
   const fragments = [];
   for (const file of fragmentFiles) {
     try {
-      const content = await readFile3(file.absolutePath, "utf-8");
+      const content = await readFile4(file.absolutePath, "utf-8");
       const nameMatch = content.match(/name:\s*['"]([^'"]+)['"]/);
       const hasFigma = /meta:\s*\{[^}]*figma:\s*['"]https?:/.test(content);
       const fragmentVariants = extractVariants(content, nameMatch?.[1]);
@@ -2763,7 +3029,7 @@ ${BRAND.name} Link Wizard
     if (bestMatch && bestScore >= 65) {
       const alreadyLinked = fragment.hasFigma;
       if (alreadyLinked && !auto) {
-        console.log(pc15.dim(`\u23ED\uFE0F  ${fragment.name} (already linked)`));
+        console.log(pc16.dim(`\u23ED\uFE0F  ${fragment.name} (already linked)`));
       }
       matches.push({ fragment, figmaComponent: bestMatch, score: bestScore, alreadyLinked });
     } else {
@@ -2771,50 +3037,50 @@ ${BRAND.name} Link Wizard
     }
   }
   if (unmatchedFragments.length > 0) {
-    console.log(pc15.dim("Unmatched fragments:"));
+    console.log(pc16.dim("Unmatched fragments:"));
     for (const seg of unmatchedFragments) {
-      console.log(`  ${pc15.dim("\u2022")} ${seg.name}`);
+      console.log(`  ${pc16.dim("\u2022")} ${seg.name}`);
     }
     console.log();
   }
   const newMatches = matches.filter((m) => !m.alreadyLinked);
   const alreadyLinkedMatches = matches.filter((m) => m.alreadyLinked);
   if (matches.length === 0) {
-    console.log(pc15.yellow("\nNo automatic matches found."));
-    console.log(pc15.dim("You can manually add figma URLs to your fragment definitions."));
+    console.log(pc16.yellow("\nNo automatic matches found."));
+    console.log(pc16.dim("You can manually add figma URLs to your fragment definitions."));
     process.exit(0);
   }
   if (dryRun) {
     if (newMatches.length > 0) {
-      console.log(pc15.bold("\nMatched Components:\n"));
+      console.log(pc16.bold("\nMatched Components:\n"));
       for (const match of newMatches) {
-        const scoreColor = match.score === 100 ? pc15.green : pc15.yellow;
+        const scoreColor = match.score === 100 ? pc16.green : pc16.yellow;
         console.log(
-          `  ${pc15.green("\u2713")} ${pc15.bold(match.fragment.name)} \u2192 ${match.figmaComponent.name} ${scoreColor(`(${Math.round(match.score)}%)`)}`
+          `  ${pc16.green("\u2713")} ${pc16.bold(match.fragment.name)} \u2192 ${match.figmaComponent.name} ${scoreColor(`(${Math.round(match.score)}%)`)}`
         );
       }
     }
-    console.log(pc15.yellow("\n[Dry run - no files were updated]"));
+    console.log(pc16.yellow("\n[Dry run - no files were updated]"));
     return { success: true, updated: 0, variantUpdates: 0 };
   }
   let selectedMatches = newMatches;
   if (newMatches.length > 0) {
     if (auto) {
-      console.log(pc15.bold("\nMatched Components:\n"));
+      console.log(pc16.bold("\nMatched Components:\n"));
       for (const match of newMatches) {
-        const scoreColor = match.score === 100 ? pc15.green : pc15.yellow;
+        const scoreColor = match.score === 100 ? pc16.green : pc16.yellow;
         console.log(
-          `  ${pc15.green("\u2713")} ${pc15.bold(match.fragment.name)} \u2192 ${match.figmaComponent.name} ${scoreColor(`(${Math.round(match.score)}%)`)}`
+          `  ${pc16.green("\u2713")} ${pc16.bold(match.fragment.name)} \u2192 ${match.figmaComponent.name} ${scoreColor(`(${Math.round(match.score)}%)`)}`
         );
       }
     } else {
       const { checkbox } = await import("@inquirer/prompts");
-      console.log(pc15.bold("\nMatched Components:\n"));
-      console.log(pc15.dim("Use \u2191/\u2193 to navigate, Space to toggle, Enter to confirm\n"));
+      console.log(pc16.bold("\nMatched Components:\n"));
+      console.log(pc16.dim("Use \u2191/\u2193 to navigate, Space to toggle, Enter to confirm\n"));
       const choices = newMatches.map((match) => {
-        const scoreColor = match.score === 100 ? pc15.green : pc15.yellow;
+        const scoreColor = match.score === 100 ? pc16.green : pc16.yellow;
         return {
-          name: `${pc15.bold(match.fragment.name)} \u2192 ${match.figmaComponent.name} ${scoreColor(`(${Math.round(match.score)}%)`)}`,
+          name: `${pc16.bold(match.fragment.name)} \u2192 ${match.figmaComponent.name} ${scoreColor(`(${Math.round(match.score)}%)`)}`,
           value: match,
           checked: true
         };
@@ -2826,7 +3092,7 @@ ${BRAND.name} Link Wizard
           pageSize: 20
         });
       } catch {
-        console.log(pc15.dim("\nNo changes made."));
+        console.log(pc16.dim("\nNo changes made."));
         return { success: true, updated: 0, variantUpdates: 0 };
       }
     }
@@ -2836,7 +3102,7 @@ ${BRAND.name} Link Wizard
   for (const match of selectedMatches) {
     if (match.alreadyLinked) continue;
     try {
-      let content = await readFile3(match.fragment.filePath, "utf-8");
+      let content = await readFile4(match.fragment.filePath, "utf-8");
       const figmaUrlToInsert = figmaClient.buildNodeUrl(
         match.figmaComponent.file_key,
         match.figmaComponent.node_id,
@@ -2854,15 +3120,15 @@ ${BRAND.name} Link Wizard
     figma: '${figmaUrlToInsert}',`
         );
       }
-      await writeFile4(match.fragment.filePath, content);
+      await writeFile5(match.fragment.filePath, content);
       updated++;
-      console.log(`  ${pc15.green("\u2713")} Updated ${match.fragment.relativePath}`);
+      console.log(`  ${pc16.green("\u2713")} Updated ${match.fragment.relativePath}`);
     } catch (error) {
-      console.log(`  ${pc15.red("\u2717")} Failed to update ${match.fragment.relativePath}: ${error instanceof Error ? error.message : "Unknown error"}`);
+      console.log(`  ${pc16.red("\u2717")} Failed to update ${match.fragment.relativePath}: ${error instanceof Error ? error.message : "Unknown error"}`);
     }
   }
   if (updated > 0) {
-    console.log(pc15.green(`
+    console.log(pc16.green(`
 \u2713 Updated ${updated} fragment file(s)
 `));
   }
@@ -2875,9 +3141,9 @@ ${BRAND.name} Link Wizard
       fileKey
     );
   }
-  console.log(pc15.dim("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-  console.log(pc15.bold("\nNext steps:"));
-  console.log(`  1. Run ${pc15.cyan(`${BRAND.cliCommand} compare --all`)} to verify designs`);
+  console.log(pc16.dim("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+  console.log(pc16.bold("\nNext steps:"));
+  console.log(`  1. Run ${pc16.cyan(`${BRAND.cliCommand} compare --all`)} to verify designs`);
   console.log(`  2. Add figmaProps mappings for prop-level linking`);
   console.log();
   return { success: true, updated, variantUpdates };
@@ -2954,12 +3220,12 @@ function calculateMatchScore(fragmentName, figmaName) {
   return 0;
 }
 async function linkVariants(matches, figmaData, figmaClient, fileKey) {
-  console.log(pc15.bold("\nLinking variants...\n"));
+  console.log(pc16.bold("\nLinking variants...\n"));
   const matchedComponentSets = matches.map((m) => m.figmaComponent).filter((c) => figmaData.componentSets.some((cs) => cs.key === c.key));
   if (matchedComponentSets.length === 0) {
     return 0;
   }
-  console.log(pc15.dim("Fetching Figma variants..."));
+  console.log(pc16.dim("Fetching Figma variants..."));
   const componentSetVariants = await figmaClient.getComponentSetVariants(fileKey, matchedComponentSets);
   let variantUpdates = 0;
   const { select } = await import("@inquirer/prompts");
@@ -2974,10 +3240,10 @@ async function linkVariants(matches, figmaData, figmaClient, fileKey) {
     }
     const fragmentVariants = match.fragment.variants.filter((v) => !v.hasFigma);
     if (fragmentVariants.length === 0) {
-      console.log(pc15.dim(`  \u23ED\uFE0F  ${match.fragment.name}: all variants already linked`));
+      console.log(pc16.dim(`  \u23ED\uFE0F  ${match.fragment.name}: all variants already linked`));
       continue;
     }
-    console.log(pc15.dim(`  ${match.fragment.name}: ${csWithVariants.variants.length} Figma variants`));
+    console.log(pc16.dim(`  ${match.fragment.name}: ${csWithVariants.variants.length} Figma variants`));
     for (const fragmentVariant of fragmentVariants) {
       const variantMatches = [];
       for (const fv of csWithVariants.variants) {
@@ -3003,7 +3269,7 @@ async function linkVariants(matches, figmaData, figmaClient, fileKey) {
           figmaData.fileName
         );
         try {
-          let content = await readFile3(match.fragment.filePath, "utf-8");
+          let content = await readFile4(match.fragment.filePath, "utf-8");
           const namePattern = new RegExp(
             `(name:\\s*['"]${escapeRegExp(fragmentVariant.name)}['"],?)`,
             "g"
@@ -3015,14 +3281,14 @@ async function linkVariants(matches, figmaData, figmaClient, fileKey) {
             return `${matchedStr}
       figma: '${variantUrl}',`;
           });
-          await writeFile4(match.fragment.filePath, content);
+          await writeFile5(match.fragment.filePath, content);
           variantUpdates++;
           console.log(
-            `    ${pc15.green("\u2713")} ${fragmentVariant.name} \u2192 ${bestMatch.figmaVariant.name}`
+            `    ${pc16.green("\u2713")} ${fragmentVariant.name} \u2192 ${bestMatch.figmaVariant.name}`
           );
         } catch (error) {
           console.log(
-            `    ${pc15.red("\u2717")} ${fragmentVariant.name}: ${error instanceof Error ? error.message : "Unknown error"}`
+            `    ${pc16.red("\u2717")} ${fragmentVariant.name}: ${error instanceof Error ? error.message : "Unknown error"}`
           );
         }
       } else if (variantMatches.length > 0) {
@@ -3044,7 +3310,7 @@ async function linkVariants(matches, figmaData, figmaClient, fileKey) {
               selectedVariant.node_id,
               figmaData.fileName
             );
-            let content = await readFile3(match.fragment.filePath, "utf-8");
+            let content = await readFile4(match.fragment.filePath, "utf-8");
             const namePattern = new RegExp(
               `(name:\\s*['"]${escapeRegExp(fragmentVariant.name)}['"],?)`,
               "g"
@@ -3056,46 +3322,46 @@ async function linkVariants(matches, figmaData, figmaClient, fileKey) {
               return `${matchedStr}
       figma: '${variantUrl}',`;
             });
-            await writeFile4(match.fragment.filePath, content);
+            await writeFile5(match.fragment.filePath, content);
             variantUpdates++;
             console.log(
-              `    ${pc15.green("\u2713")} ${fragmentVariant.name} \u2192 ${selectedVariant.name}`
+              `    ${pc16.green("\u2713")} ${fragmentVariant.name} \u2192 ${selectedVariant.name}`
             );
           } else {
-            console.log(`    ${pc15.dim("\u23ED\uFE0F")} ${fragmentVariant.name} (skipped)`);
+            console.log(`    ${pc16.dim("\u23ED\uFE0F")} ${fragmentVariant.name} (skipped)`);
           }
         } catch {
-          console.log(`    ${pc15.dim("\u23ED\uFE0F")} ${fragmentVariant.name} (cancelled)`);
+          console.log(`    ${pc16.dim("\u23ED\uFE0F")} ${fragmentVariant.name} (cancelled)`);
         }
       } else {
-        console.log(`    ${pc15.yellow("?")} ${fragmentVariant.name}: no matching Figma variant`);
+        console.log(`    ${pc16.yellow("?")} ${fragmentVariant.name}: no matching Figma variant`);
       }
     }
   }
   if (variantUpdates > 0) {
-    console.log(pc15.green(`
+    console.log(pc16.green(`
 \u2713 Linked ${variantUpdates} variant(s)
 `));
   } else {
-    console.log(pc15.dim("\nNo variant updates made.\n"));
+    console.log(pc16.dim("\nNo variant updates made.\n"));
   }
   return variantUpdates;
 }
 
 // src/commands/link/storybook.ts
-import { writeFile as writeFile6, mkdir as mkdir6 } from "fs/promises";
-import { join as join8, dirname as dirname3, relative as relative6 } from "path";
-import pc16 from "picocolors";
+import { writeFile as writeFile7, mkdir as mkdir7 } from "fs/promises";
+import { join as join8, dirname as dirname4, relative as relative6 } from "path";
+import pc17 from "picocolors";
 
 // src/migrate/migrate.ts
-import { writeFile as writeFile5, mkdir as mkdir5, access as access2, stat as stat2 } from "fs/promises";
-import { join as join6, dirname, relative as relative5 } from "path";
+import { writeFile as writeFile6, mkdir as mkdir6, access as access3, stat as stat2 } from "fs/promises";
+import { join as join6, dirname as dirname2, relative as relative5 } from "path";
 import fg2 from "fast-glob";
 
 // src/migrate/parser.ts
-import { readFile as readFile4 } from "fs/promises";
+import { readFile as readFile5 } from "fs/promises";
 async function parseStoryFile(filePath) {
-  const content = await readFile4(filePath, "utf-8");
+  const content = await readFile5(filePath, "utf-8");
   return parseStoryContent(content, filePath);
 }
 function parseStoryContent(content, filePath) {
@@ -4157,7 +4423,7 @@ function escapeString(str) {
 
 // src/migrate/detect.ts
 import { existsSync as existsSync2 } from "fs";
-import { readFile as readFile5 } from "fs/promises";
+import { readFile as readFile6 } from "fs/promises";
 import { join as join7 } from "path";
 import fg3 from "fast-glob";
 var CONFIG_FILES = [
@@ -4186,7 +4452,7 @@ async function parseStorybookConfig(configPath) {
   let framework;
   let builder;
   try {
-    const content = await readFile5(configPath, "utf-8");
+    const content = await readFile6(configPath, "utf-8");
     const storiesMatch = content.match(
       /stories:\s*\[([^\]]+)\]/s
     );
@@ -4269,45 +4535,45 @@ async function discoverStoryFiles(projectRoot, patterns) {
 // src/commands/link/storybook.ts
 async function linkStorybook(options = {}) {
   const { out, yes = false, dryRun = false, verbose = false } = options;
-  console.log(pc16.cyan(`
+  console.log(pc17.cyan(`
 ${BRAND.name} Storybook Link
 `));
   const projectRoot = process.cwd();
-  console.log(pc16.dim("Detecting Storybook configuration..."));
+  console.log(pc17.dim("Detecting Storybook configuration..."));
   const sbConfig = await detectStorybookConfig(projectRoot);
   if (!sbConfig) {
-    console.log(pc16.yellow("\nNo Storybook configuration found."));
-    console.log(pc16.dim("Looking for: .storybook/main.ts, .storybook/main.js, etc."));
-    console.log(pc16.dim("\nUse --config to specify a custom path."));
+    console.log(pc17.yellow("\nNo Storybook configuration found."));
+    console.log(pc17.dim("Looking for: .storybook/main.ts, .storybook/main.js, etc."));
+    console.log(pc17.dim("\nUse --config to specify a custom path."));
     process.exit(1);
   }
-  console.log(pc16.green(`\u2713 Found: ${sbConfig.configPath}`));
+  console.log(pc17.green(`\u2713 Found: ${sbConfig.configPath}`));
   if (sbConfig.framework) {
-    console.log(pc16.dim(`  Framework: ${sbConfig.framework}`));
+    console.log(pc17.dim(`  Framework: ${sbConfig.framework}`));
   }
   if (sbConfig.errors?.length) {
     for (const err of sbConfig.errors) {
-      console.log(pc16.yellow(`  Warning: ${err}`));
+      console.log(pc17.yellow(`  Warning: ${err}`));
     }
   }
-  console.log(pc16.dim("\nDiscovering story files..."));
+  console.log(pc17.dim("\nDiscovering story files..."));
   const storyFiles = await discoverStoryFiles(projectRoot, sbConfig.storyPatterns);
   if (storyFiles.length === 0) {
-    console.log(pc16.yellow("\nNo story files found."));
-    console.log(pc16.dim(`Patterns: ${sbConfig.storyPatterns.join(", ")}`));
+    console.log(pc17.yellow("\nNo story files found."));
+    console.log(pc17.dim(`Patterns: ${sbConfig.storyPatterns.join(", ")}`));
     process.exit(1);
   }
-  console.log(pc16.green(`\u2713 Found ${storyFiles.length} story file(s)
+  console.log(pc17.green(`\u2713 Found ${storyFiles.length} story file(s)
 `));
   const previews = [];
   let parseErrors = 0;
   const total = storyFiles.length;
-  console.log(pc16.dim(`Analyzing ${total} stories...
+  console.log(pc17.dim(`Analyzing ${total} stories...
 `));
   for (let i = 0; i < storyFiles.length; i++) {
     const storyFile = storyFiles[i];
     const relativePath = relative6(projectRoot, storyFile);
-    process.stdout.write(`\r  ${pc16.dim(`[${i + 1}/${total}]`)} ${relativePath.slice(0, 60).padEnd(60)}`);
+    process.stdout.write(`\r  ${pc17.dim(`[${i + 1}/${total}]`)} ${relativePath.slice(0, 60).padEnd(60)}`);
     try {
       const parsed = await parseStoryFile(storyFile);
       const result = convertToFragment(parsed);
@@ -4325,49 +4591,49 @@ ${BRAND.name} Storybook Link
       parseErrors++;
       if (verbose) {
         process.stdout.write("\n");
-        console.log(pc16.red(`\u2717 ${relativePath}: ${error instanceof Error ? error.message : "Parse error"}`));
+        console.log(pc17.red(`\u2717 ${relativePath}: ${error instanceof Error ? error.message : "Parse error"}`));
       }
     }
   }
   process.stdout.write("\r" + " ".repeat(80) + "\r");
-  console.log(pc16.bold("Preview:\n"));
-  console.log(pc16.dim("\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510"));
-  console.log(pc16.dim("\u2502") + " Component".padEnd(20) + pc16.dim("\u2502") + " Stories".padEnd(10) + pc16.dim("\u2502") + " Props".padEnd(8) + pc16.dim("\u2502") + " Confidence".padEnd(13) + pc16.dim("\u2502"));
-  console.log(pc16.dim("\u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524"));
+  console.log(pc17.bold("Preview:\n"));
+  console.log(pc17.dim("\u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510"));
+  console.log(pc17.dim("\u2502") + " Component".padEnd(20) + pc17.dim("\u2502") + " Stories".padEnd(10) + pc17.dim("\u2502") + " Props".padEnd(8) + pc17.dim("\u2502") + " Confidence".padEnd(13) + pc17.dim("\u2502"));
+  console.log(pc17.dim("\u251C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2524"));
   for (const item of previews) {
-    const confColor = item.confidence >= 0.8 ? pc16.green : item.confidence >= 0.5 ? pc16.yellow : pc16.red;
+    const confColor = item.confidence >= 0.8 ? pc17.green : item.confidence >= 0.5 ? pc17.yellow : pc17.red;
     const confLabel = item.confidence >= 0.8 ? "high" : item.confidence >= 0.5 ? "medium" : "low";
     console.log(
-      pc16.dim("\u2502") + ` ${item.componentName}`.padEnd(20).slice(0, 20) + pc16.dim("\u2502") + ` ${item.variantCount}`.padEnd(10) + pc16.dim("\u2502") + ` ${item.propCount}`.padEnd(8) + pc16.dim("\u2502") + ` ${confColor(confLabel)}`.padEnd(13 + (confColor === pc16.green ? 10 : confColor === pc16.yellow ? 11 : 9)) + pc16.dim("\u2502")
+      pc17.dim("\u2502") + ` ${item.componentName}`.padEnd(20).slice(0, 20) + pc17.dim("\u2502") + ` ${item.variantCount}`.padEnd(10) + pc17.dim("\u2502") + ` ${item.propCount}`.padEnd(8) + pc17.dim("\u2502") + ` ${confColor(confLabel)}`.padEnd(13 + (confColor === pc17.green ? 10 : confColor === pc17.yellow ? 11 : 9)) + pc17.dim("\u2502")
     );
   }
-  console.log(pc16.dim("\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518"));
+  console.log(pc17.dim("\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518"));
   if (parseErrors > 0) {
-    console.log(pc16.yellow(`
+    console.log(pc17.yellow(`
 ${parseErrors} file(s) could not be parsed (use --verbose for details)`));
   }
   if (previews.length === 0) {
-    console.log(pc16.yellow("\nNo stories could be parsed successfully."));
+    console.log(pc17.yellow("\nNo stories could be parsed successfully."));
     return { success: true, generated: 0 };
   }
   if (dryRun) {
-    console.log(pc16.dim(`
+    console.log(pc17.dim(`
 ${previews.length} fragment file(s) would be created`));
-    console.log(pc16.yellow("\n[Dry run - no files were written]"));
+    console.log(pc17.yellow("\n[Dry run - no files were written]"));
     return { success: true, generated: 0 };
   }
   let selectedPreviews = previews;
   if (yes) {
-    console.log(pc16.dim(`
+    console.log(pc17.dim(`
 ${previews.length} fragment file(s) will be created`));
   } else {
     const { checkbox } = await import("@inquirer/prompts");
-    console.log(pc16.dim("\nUse \u2191/\u2193 to navigate, Space to toggle, Enter to confirm\n"));
+    console.log(pc17.dim("\nUse \u2191/\u2193 to navigate, Space to toggle, Enter to confirm\n"));
     const choices = previews.map((item) => {
-      const confColor = item.confidence >= 0.8 ? pc16.green : item.confidence >= 0.5 ? pc16.yellow : pc16.red;
+      const confColor = item.confidence >= 0.8 ? pc17.green : item.confidence >= 0.5 ? pc17.yellow : pc17.red;
       const confLabel = item.confidence >= 0.8 ? "high" : item.confidence >= 0.5 ? "medium" : "low";
       return {
-        name: `${pc16.bold(item.componentName)} ${pc16.dim(`(${item.variantCount} stories, ${confLabel} confidence)`)}`,
+        name: `${pc17.bold(item.componentName)} ${pc17.dim(`(${item.variantCount} stories, ${confLabel} confidence)`)}`,
         value: item,
         checked: true
       };
@@ -4379,16 +4645,16 @@ ${previews.length} fragment file(s) will be created`));
         pageSize: 15
       });
     } catch {
-      console.log(pc16.dim("\nNo changes made."));
+      console.log(pc17.dim("\nNo changes made."));
       return { success: true, generated: 0 };
     }
     if (selectedPreviews.length === 0) {
-      console.log(pc16.dim("\nNo stories selected. No changes made."));
+      console.log(pc17.dim("\nNo stories selected. No changes made."));
       return { success: true, generated: 0 };
     }
   }
   const genTotal = selectedPreviews.length;
-  console.log(pc16.dim(`
+  console.log(pc17.dim(`
 Generating ${genTotal} fragment file(s)...
 `));
   let generated = 0;
@@ -4400,32 +4666,32 @@ Generating ${genTotal} fragment file(s)...
       const parsed = await parseStoryFile(storyFile);
       const result = convertToFragment(parsed);
       const outputFile = out ? join8(projectRoot, out, preview.sourceFile.replace(/\.stories\.(tsx?|jsx?)$/, BRAND.fileExtension)) : result.outputFile;
-      await mkdir6(dirname3(outputFile), { recursive: true });
-      await writeFile6(outputFile, result.code);
+      await mkdir7(dirname4(outputFile), { recursive: true });
+      await writeFile7(outputFile, result.code);
       generated++;
-      console.log(`${pc16.dim(`[${i + 1}/${genTotal}]`)} ${pc16.green("\u2713")} ${result.componentName}`);
+      console.log(`${pc17.dim(`[${i + 1}/${genTotal}]`)} ${pc17.green("\u2713")} ${result.componentName}`);
     } catch (error) {
       genErrors++;
-      console.log(`${pc16.dim(`[${i + 1}/${genTotal}]`)} ${pc16.red("\u2717")} ${preview.componentName}`);
+      console.log(`${pc17.dim(`[${i + 1}/${genTotal}]`)} ${pc17.red("\u2717")} ${preview.componentName}`);
     }
   }
-  console.log(pc16.green(`
+  console.log(pc17.green(`
 \u2713 Generated ${generated} fragment file(s)
 `));
-  console.log(pc16.dim("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-  console.log(pc16.bold("\nNext steps:"));
+  console.log(pc17.dim("\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+  console.log(pc17.bold("\nNext steps:"));
   console.log(`  1. Review generated ${BRAND.fileExtension} files`);
   console.log(`  2. Fill in usage.when and usage.whenNot fields`);
-  console.log(`  3. Run ${pc16.cyan(`${BRAND.cliCommand} build`)} to compile`);
-  console.log(`  4. Run ${pc16.cyan(`${BRAND.cliCommand} dev`)} to view your design system`);
+  console.log(`  3. Run ${pc17.cyan(`${BRAND.cliCommand} build`)} to compile`);
+  console.log(`  4. Run ${pc17.cyan(`${BRAND.cliCommand} dev`)} to view your design system`);
   console.log();
   return { success: true, generated };
 }
 
 // src/commands/enhance.ts
-import pc17 from "picocolors";
-import { readFile as readFile6, writeFile as writeFile7 } from "fs/promises";
-import { resolve as resolve6, relative as relative7, join as join9 } from "path";
+import pc18 from "picocolors";
+import { readFile as readFile7, writeFile as writeFile8 } from "fs/promises";
+import { resolve as resolve7, relative as relative7, join as join9 } from "path";
 var DEFAULT_MODELS = {
   anthropic: "claude-sonnet-4-20250514",
   openai: "gpt-4o",
@@ -4450,15 +4716,15 @@ async function enhance(options = {}) {
   const isQuiet = format === "quiet";
   const isContextMode = contextOnly || format === "context" || provider === "none";
   const config = await loadConfig(configPath);
-  const rootDir = resolve6(root);
+  const rootDir = resolve7(root);
   if (isInteractive) {
-    console.log(pc17.cyan(`
+    console.log(pc18.cyan(`
 ${BRAND.name} AI Enhancement
 `));
     if (isContextMode) {
-      console.log(pc17.dim("Running in context-only mode (for use with IDE AI like Cursor)\n"));
+      console.log(pc18.dim("Running in context-only mode (for use with IDE AI like Cursor)\n"));
     } else {
-      console.log(pc17.dim(`Using ${provider} API with model: ${model}
+      console.log(pc18.dim(`Using ${provider} API with model: ${model}
 `));
     }
   }
@@ -4468,13 +4734,13 @@ ${BRAND.name} AI Enhancement
     if (format === "json") {
       console.log(JSON.stringify({ success: false, error }));
     } else if (!isQuiet) {
-      console.error(pc17.red("Error:"), error);
-      console.log(pc17.dim("\nTip: Use --context-only to generate prompts for Cursor/Copilot/etc."));
+      console.error(pc18.red("Error:"), error);
+      console.log(pc18.dim("\nTip: Use --context-only to generate prompts for Cursor/Copilot/etc."));
     }
     return { success: false, enhanced: [], totalTokens: 0, estimatedCost: 0 };
   }
   if (isInteractive) {
-    console.log(pc17.dim("Phase 1: Scanning codebase for usage patterns..."));
+    console.log(pc18.dim("Phase 1: Scanning codebase for usage patterns..."));
   }
   let usageAnalysis;
   try {
@@ -4491,34 +4757,34 @@ ${BRAND.name} AI Enhancement
     if (isInteractive) {
       process.stdout.write("\r" + " ".repeat(60) + "\r");
       const stats = getScanStats(usageAnalysis);
-      console.log(pc17.green(`  Found ${stats.totalUsages} usages across ${stats.totalFiles} files`));
+      console.log(pc18.green(`  Found ${stats.totalUsages} usages across ${stats.totalFiles} files`));
     }
   } catch (error) {
     const msg = error instanceof Error ? error.message : String(error);
     if (format === "json") {
       console.log(JSON.stringify({ success: false, error: `Scan failed: ${msg}` }));
     } else if (!isQuiet) {
-      console.error(pc17.red("Scan failed:"), msg);
+      console.error(pc18.red("Scan failed:"), msg);
     }
     return { success: false, enhanced: [], totalTokens: 0, estimatedCost: 0 };
   }
   if (isInteractive) {
-    console.log(pc17.dim("Phase 2: Parsing Storybook stories..."));
+    console.log(pc18.dim("Phase 2: Parsing Storybook stories..."));
   }
   let storyFiles;
   try {
     storyFiles = await parseAllStories(rootDir);
     if (isInteractive) {
-      console.log(pc17.green(`  Found ${storyFiles.size} story files`));
+      console.log(pc18.green(`  Found ${storyFiles.size} story files`));
     }
   } catch {
     storyFiles = /* @__PURE__ */ new Map();
     if (isInteractive) {
-      console.log(pc17.yellow("  No Storybook stories found"));
+      console.log(pc18.yellow("  No Storybook stories found"));
     }
   }
   if (isInteractive) {
-    console.log(pc17.dim("Phase 3: Loading fragment files..."));
+    console.log(pc18.dim("Phase 3: Loading fragment files..."));
   }
   const fragmentFiles = await findFragmentFiles(rootDir);
   if (fragmentFiles.length === 0) {
@@ -4526,12 +4792,12 @@ ${BRAND.name} AI Enhancement
     if (format === "json") {
       console.log(JSON.stringify({ success: false, error: msg }));
     } else if (!isQuiet) {
-      console.log(pc17.yellow(msg));
+      console.log(pc18.yellow(msg));
     }
     return { success: false, enhanced: [], totalTokens: 0, estimatedCost: 0 };
   }
   if (isInteractive) {
-    console.log(pc17.green(`  Found ${fragmentFiles.length} fragment files`));
+    console.log(pc18.green(`  Found ${fragmentFiles.length} fragment files`));
   }
   let componentsToEnhance;
   if (component && component !== "all") {
@@ -4540,7 +4806,7 @@ ${BRAND.name} AI Enhancement
     componentsToEnhance = fragmentFiles.map((f) => extractComponentName(f));
   }
   if (isInteractive) {
-    console.log(pc17.dim("Phase 4: Extracting props from TypeScript interfaces..."));
+    console.log(pc18.dim("Phase 4: Extracting props from TypeScript interfaces..."));
   }
   const propsExtractions = /* @__PURE__ */ new Map();
   for (const compName of componentsToEnhance) {
@@ -4575,18 +4841,18 @@ ${BRAND.name} AI Enhancement
   }
   if (isInteractive) {
     const propsCount = Array.from(propsExtractions.values()).reduce((sum, ext) => sum + ext.props.length, 0);
-    console.log(pc17.green(`  Extracted ${propsCount} props from ${propsExtractions.size} component files`));
+    console.log(pc18.green(`  Extracted ${propsCount} props from ${propsExtractions.size} component files`));
   }
   const renderedVariants = /* @__PURE__ */ new Map();
   if (renderVariants) {
     if (isInteractive) {
-      console.log(pc17.dim("Phase 5: Rendering variants from Storybook..."));
+      console.log(pc18.dim("Phase 5: Rendering variants from Storybook..."));
     }
     const storybookRunning = await checkStorybookRunning(storybookUrl);
     if (!storybookRunning) {
       if (isInteractive) {
-        console.log(pc17.yellow(`  Storybook not running at ${storybookUrl}. Skipping variant rendering.`));
-        console.log(pc17.dim(`  Start Storybook with: npm run storybook (or yarn storybook)`));
+        console.log(pc18.yellow(`  Storybook not running at ${storybookUrl}. Skipping variant rendering.`));
+        console.log(pc18.dim(`  Start Storybook with: npm run storybook (or yarn storybook)`));
       }
     } else {
       let totalVariants = 0;
@@ -4601,16 +4867,16 @@ ${BRAND.name} AI Enhancement
           failedVariants += result.failed.length;
         } catch (err) {
           if (isInteractive) {
-            console.log(pc17.dim(`  ${compName}: Failed to render (${err.message})`));
+            console.log(pc18.dim(`  ${compName}: Failed to render (${err.message})`));
           }
         }
       }
       if (isInteractive) {
         if (totalVariants > 0) {
-          console.log(pc17.green(`  Rendered ${totalVariants} variants from ${renderedVariants.size} components`));
+          console.log(pc18.green(`  Rendered ${totalVariants} variants from ${renderedVariants.size} components`));
         }
         if (failedVariants > 0) {
-          console.log(pc17.yellow(`  ${failedVariants} variant(s) failed to render`));
+          console.log(pc18.yellow(`  ${failedVariants} variant(s) failed to render`));
         }
       }
       await shutdownSharedPool();
@@ -4636,7 +4902,7 @@ ${BRAND.name} AI Enhancement
     return handleContextOnlyMode(contexts, format, isInteractive);
   }
   if (isInteractive) {
-    console.log(pc17.dim(`
+    console.log(pc18.dim(`
 Phase 6: Generating AI enhancements for ${componentsToEnhance.length} component(s)...
 `));
   }
@@ -4654,7 +4920,7 @@ Phase 6: Generating AI enhancements for ${componentsToEnhance.length} component(
         reason: context2.usageAnalysis?.totalUsages === 1 ? "Only 1 usage found" : "No usage data found"
       });
       if (isInteractive) {
-        console.log(pc17.dim(`  ${compName}: Skipped (insufficient data)`));
+        console.log(pc18.dim(`  ${compName}: Skipped (insufficient data)`));
       }
       continue;
     }
@@ -4672,7 +4938,7 @@ Phase 6: Generating AI enhancements for ${componentsToEnhance.length} component(
       });
       totalTokens += result.tokensUsed;
       if (isInteractive) {
-        process.stdout.write(`\r  ${compName}: ${pc17.green("Done")} (${result.suggestions.when.length} when, ${result.suggestions.whenNot.length} whenNot)
+        process.stdout.write(`\r  ${compName}: ${pc18.green("Done")} (${result.suggestions.when.length} when, ${result.suggestions.whenNot.length} whenNot)
 `);
       }
     } catch (error) {
@@ -4686,7 +4952,7 @@ Phase 6: Generating AI enhancements for ${componentsToEnhance.length} component(
         reason: `AI error: ${msg}`
       });
       if (isInteractive) {
-        process.stdout.write(`\r  ${compName}: ${pc17.red("Failed")} - ${msg}
+        process.stdout.write(`\r  ${compName}: ${pc18.red("Failed")} - ${msg}
 `);
       }
     }
@@ -4694,7 +4960,7 @@ Phase 6: Generating AI enhancements for ${componentsToEnhance.length} component(
   const estimatedCost = calculateCost(provider, totalTokens);
   if (!dryRun) {
     if (isInteractive) {
-      console.log(pc17.dim("\nPhase 7: Updating fragment files..."));
+      console.log(pc18.dim("\nPhase 7: Updating fragment files..."));
     }
     for (const result of enhanced) {
       if (result.skipped || result.added.when.length === 0 && result.added.whenNot.length === 0) {
@@ -4705,11 +4971,11 @@ Phase 6: Generating AI enhancements for ${componentsToEnhance.length} component(
       try {
         await updateFragmentFile(fragmentFile, result.added);
         if (isInteractive) {
-          console.log(pc17.green(`  Updated: ${relative7(rootDir, fragmentFile)}`));
+          console.log(pc18.green(`  Updated: ${relative7(rootDir, fragmentFile)}`));
         }
       } catch {
         if (isInteractive) {
-          console.log(pc17.red(`  Failed to update: ${relative7(rootDir, fragmentFile)}`));
+          console.log(pc18.red(`  Failed to update: ${relative7(rootDir, fragmentFile)}`));
         }
       }
     }
@@ -4724,7 +4990,7 @@ Phase 6: Generating AI enhancements for ${componentsToEnhance.length} component(
     }, null, 2));
   } else if (isInteractive) {
     console.log();
-    console.log(pc17.bold("Summary:"));
+    console.log(pc18.bold("Summary:"));
     console.log(`  Components processed: ${componentsToEnhance.length}`);
     console.log(`  Successfully enhanced: ${successCount}`);
     console.log(`  Skipped: ${enhanced.filter((e) => e.skipped).length}`);
@@ -4732,7 +4998,7 @@ Phase 6: Generating AI enhancements for ${componentsToEnhance.length} component(
     console.log(`  Estimated cost: $${estimatedCost.toFixed(4)}`);
     if (dryRun) {
       console.log();
-      console.log(pc17.yellow("Dry run - no files were modified"));
+      console.log(pc18.yellow("Dry run - no files were modified"));
     }
     console.log();
   }
@@ -4756,7 +5022,7 @@ function handleContextOnlyMode(contexts, format, isInteractive) {
     if (format === "json") {
       console.log(JSON.stringify({ success: false, error: "No components with sufficient usage data" }));
     } else if (isInteractive) {
-      console.log(pc17.yellow("\nNo components with sufficient usage data to analyze."));
+      console.log(pc18.yellow("\nNo components with sufficient usage data to analyze."));
     }
     return { success: false, enhanced: [], totalTokens: 0, estimatedCost: 0 };
   }
@@ -4785,14 +5051,14 @@ For each component, provide your response in JSON format:
       instructions: "Copy this prompt into your IDE AI (Cursor, Copilot, etc.) to generate suggestions"
     }, null, 2));
   } else {
-    console.log(pc17.bold("\n\u{1F4CB} AI Context Generated\n"));
-    console.log(pc17.dim("Copy the following prompt into your IDE AI (Cursor, Copilot, etc.):\n"));
-    console.log(pc17.dim("\u2500".repeat(60)));
+    console.log(pc18.bold("\n\u{1F4CB} AI Context Generated\n"));
+    console.log(pc18.dim("Copy the following prompt into your IDE AI (Cursor, Copilot, etc.):\n"));
+    console.log(pc18.dim("\u2500".repeat(60)));
     console.log(fullContext);
-    console.log(pc17.dim("\u2500".repeat(60)));
+    console.log(pc18.dim("\u2500".repeat(60)));
     console.log();
-    console.log(pc17.green("Tip: In Cursor, press Cmd+L to open chat and paste this prompt."));
-    console.log(pc17.dim("After getting suggestions, manually update your fragment files."));
+    console.log(pc18.green("Tip: In Cursor, press Cmd+L to open chat and paste this prompt."));
+    console.log(pc18.dim("After getting suggestions, manually update your fragment files."));
     console.log();
   }
   return {
@@ -4935,7 +5201,7 @@ function extractComponentName(filePath) {
   return match ? match[1] : "";
 }
 async function updateFragmentFile(filePath, suggestions) {
-  const content = await readFile6(filePath, "utf-8");
+  const content = await readFile7(filePath, "utf-8");
   let updated = content;
   if (suggestions.when.length > 0) {
     const whenItems = suggestions.when.map((s) => `    "${s}"`).join(",\n");
@@ -4984,34 +5250,34 @@ ${whenNotItems}
     }
   }
   if (updated !== content) {
-    await writeFile7(filePath, updated, "utf-8");
+    await writeFile8(filePath, updated, "utf-8");
   }
 }
 
 // src/commands/graph.ts
-import pc18 from "picocolors";
-import { readFile as readFile7 } from "fs/promises";
-import { resolve as resolve7 } from "path";
+import pc19 from "picocolors";
+import { readFile as readFile8 } from "fs/promises";
+import { resolve as resolve8 } from "path";
 import {
   ComponentGraphEngine,
   deserializeGraph
 } from "@fragments-sdk/context/graph";
 async function graph(component, options) {
   const { config, configDir } = await loadConfig(options.config);
-  const outputPath = resolve7(configDir, config.outFile ?? BRAND.outFile);
+  const outputPath = resolve8(configDir, config.outFile ?? BRAND.outFile);
   let data;
   try {
-    const content = await readFile7(outputPath, "utf-8");
+    const content = await readFile8(outputPath, "utf-8");
     data = JSON.parse(content);
   } catch {
     console.error(
-      pc18.red(`Error: Could not load ${BRAND.outFile}. Run \`${BRAND.cliCommand} build\` first.`)
+      pc19.red(`Error: Could not load ${BRAND.outFile}. Run \`${BRAND.cliCommand} build\` first.`)
     );
     process.exit(1);
   }
   if (!data.graph) {
     console.error(
-      pc18.red(`Error: No graph data in ${BRAND.outFile}. Rebuild with the latest CLI.`)
+      pc19.red(`Error: No graph data in ${BRAND.outFile}. Rebuild with the latest CLI.`)
     );
     process.exit(1);
   }
@@ -5025,11 +5291,11 @@ async function graph(component, options) {
   const edgeTypes = options.edgeTypes ? options.edgeTypes.split(",") : void 0;
   const needsComponent = ["dependencies", "dependents", "impact", "path", "composition", "alternatives"];
   if (needsComponent.includes(mode) && !component) {
-    console.error(pc18.red(`Error: "${mode}" mode requires a component name.`));
+    console.error(pc19.red(`Error: "${mode}" mode requires a component name.`));
     process.exit(1);
   }
   if (component && !engine.hasNode(component)) {
-    console.error(pc18.red(`Error: Component "${component}" not found in graph.`));
+    console.error(pc19.red(`Error: Component "${component}" not found in graph.`));
     process.exit(1);
   }
   switch (mode) {
@@ -5039,18 +5305,18 @@ async function graph(component, options) {
         console.log(JSON.stringify(health, null, 2));
         return;
       }
-      console.log(pc18.bold("\nComponent Graph Health\n"));
-      console.log(`  ${pc18.cyan("Nodes:")}     ${health.nodeCount}`);
-      console.log(`  ${pc18.cyan("Edges:")}     ${health.edgeCount}`);
-      console.log(`  ${pc18.cyan("Avg degree:")} ${health.averageDegree}`);
-      console.log(`  ${pc18.cyan("Islands:")}   ${health.connectedComponents.length}`);
-      console.log(`  ${pc18.cyan("Coverage:")}  ${health.compositionCoverage}% in blocks`);
-      console.log(`  ${pc18.cyan("Orphans:")}   ${health.orphans.length > 0 ? health.orphans.join(", ") : pc18.green("none")}`);
+      console.log(pc19.bold("\nComponent Graph Health\n"));
+      console.log(`  ${pc19.cyan("Nodes:")}     ${health.nodeCount}`);
+      console.log(`  ${pc19.cyan("Edges:")}     ${health.edgeCount}`);
+      console.log(`  ${pc19.cyan("Avg degree:")} ${health.averageDegree}`);
+      console.log(`  ${pc19.cyan("Islands:")}   ${health.connectedComponents.length}`);
+      console.log(`  ${pc19.cyan("Coverage:")}  ${health.compositionCoverage}% in blocks`);
+      console.log(`  ${pc19.cyan("Orphans:")}   ${health.orphans.length > 0 ? health.orphans.join(", ") : pc19.green("none")}`);
       if (health.hubs.length > 0) {
         console.log(`
-  ${pc18.bold("Top hubs:")}`);
+  ${pc19.bold("Top hubs:")}`);
         for (const hub of health.hubs.slice(0, 5)) {
-          console.log(`    ${pc18.yellow(hub.name)} \u2014 ${hub.degree} connections`);
+          console.log(`    ${pc19.yellow(hub.name)} \u2014 ${hub.degree} connections`);
         }
       }
       console.log();
@@ -5062,14 +5328,14 @@ async function graph(component, options) {
         console.log(JSON.stringify({ component, dependencies: deps }, null, 2));
         return;
       }
-      console.log(pc18.bold(`
+      console.log(pc19.bold(`
 Dependencies of ${component}
 `));
       if (deps.length === 0) {
         console.log("  No outgoing dependencies.");
       } else {
         for (const dep of deps) {
-          console.log(`  ${pc18.yellow(dep.target)} ${pc18.dim(`(${dep.type})`)}${dep.note ? ` \u2014 ${dep.note}` : ""}`);
+          console.log(`  ${pc19.yellow(dep.target)} ${pc19.dim(`(${dep.type})`)}${dep.note ? ` \u2014 ${dep.note}` : ""}`);
         }
       }
       console.log();
@@ -5081,14 +5347,14 @@ Dependencies of ${component}
         console.log(JSON.stringify({ component, dependents: deps }, null, 2));
         return;
       }
-      console.log(pc18.bold(`
+      console.log(pc19.bold(`
 Dependents of ${component}
 `));
       if (deps.length === 0) {
         console.log("  No incoming dependents.");
       } else {
         for (const dep of deps) {
-          console.log(`  ${pc18.yellow(dep.source)} ${pc18.dim(`(${dep.type})`)}${dep.note ? ` \u2014 ${dep.note}` : ""}`);
+          console.log(`  ${pc19.yellow(dep.source)} ${pc19.dim(`(${dep.type})`)}${dep.note ? ` \u2014 ${dep.note}` : ""}`);
         }
       }
       console.log();
@@ -5100,28 +5366,28 @@ Dependents of ${component}
         console.log(JSON.stringify(result, null, 2));
         return;
       }
-      console.log(pc18.bold(`
+      console.log(pc19.bold(`
 Impact analysis: ${component}
 `));
-      console.log(`  ${pc18.red(`${result.totalAffected}`)} affected components, ${pc18.red(`${result.affectedBlocks.length}`)} affected blocks
+      console.log(`  ${pc19.red(`${result.totalAffected}`)} affected components, ${pc19.red(`${result.affectedBlocks.length}`)} affected blocks
 `);
       if (result.affected.length > 0) {
-        console.log(`  ${pc18.bold("Affected components:")}`);
+        console.log(`  ${pc19.bold("Affected components:")}`);
         for (const entry of result.affected) {
           const indent = "  ".repeat(entry.depth + 1);
-          console.log(`${indent}${pc18.yellow(entry.component)} ${pc18.dim(`(depth ${entry.depth}, via ${entry.edgeType})`)}`);
+          console.log(`${indent}${pc19.yellow(entry.component)} ${pc19.dim(`(depth ${entry.depth}, via ${entry.edgeType})`)}`);
         }
       }
       if (result.affectedBlocks.length > 0) {
         console.log(`
-  ${pc18.bold("Affected blocks:")} ${result.affectedBlocks.join(", ")}`);
+  ${pc19.bold("Affected blocks:")} ${result.affectedBlocks.join(", ")}`);
       }
       console.log();
       break;
     }
     case "path": {
       if (!options.target) {
-        console.error(pc18.red("Error: --target is required for path mode."));
+        console.error(pc19.red("Error: --target is required for path mode."));
         process.exit(1);
       }
       const result = engine.path(component, options.target);
@@ -5129,15 +5395,15 @@ Impact analysis: ${component}
         console.log(JSON.stringify(result, null, 2));
         return;
       }
-      console.log(pc18.bold(`
+      console.log(pc19.bold(`
 Path: ${component} \u2192 ${options.target}
 `));
       if (!result.found) {
-        console.log(`  ${pc18.red("No path found.")}`);
+        console.log(`  ${pc19.red("No path found.")}`);
       } else {
-        console.log(`  ${result.path.map((n) => pc18.yellow(n)).join(pc18.dim(" \u2192 "))}`);
+        console.log(`  ${result.path.map((n) => pc19.yellow(n)).join(pc19.dim(" \u2192 "))}`);
         if (result.edges.length > 0) {
-          console.log(`  ${pc18.dim(`(${result.edges.map((e) => e.type).join(" \u2192 ")})`)}`);
+          console.log(`  ${pc19.dim(`(${result.edges.map((e) => e.type).join(" \u2192 ")})`)}`);
         }
       }
       console.log();
@@ -5149,25 +5415,25 @@ Path: ${component} \u2192 ${options.target}
         console.log(JSON.stringify(tree, null, 2));
         return;
       }
-      console.log(pc18.bold(`
+      console.log(pc19.bold(`
 Composition: ${component}
 `));
-      console.log(`  ${pc18.cyan("Pattern:")}    ${tree.compositionPattern ?? "unknown"}`);
+      console.log(`  ${pc19.cyan("Pattern:")}    ${tree.compositionPattern ?? "unknown"}`);
       if (tree.parent) {
-        console.log(`  ${pc18.cyan("Parent:")}     ${tree.parent}`);
+        console.log(`  ${pc19.cyan("Parent:")}     ${tree.parent}`);
       }
       if (tree.subComponents.length > 0) {
-        console.log(`  ${pc18.cyan("Sub-components:")}`);
+        console.log(`  ${pc19.cyan("Sub-components:")}`);
         for (const sub of tree.subComponents) {
           const isChild = tree.children.includes(sub);
-          console.log(`    ${pc18.yellow(sub)}${isChild ? pc18.dim(" (child)") : ""}`);
+          console.log(`    ${pc19.yellow(sub)}${isChild ? pc19.dim(" (child)") : ""}`);
         }
       }
       if (tree.siblings.length > 0) {
-        console.log(`  ${pc18.cyan("Siblings:")}   ${tree.siblings.join(", ")}`);
+        console.log(`  ${pc19.cyan("Siblings:")}   ${tree.siblings.join(", ")}`);
       }
       if (tree.blocks.length > 0) {
-        console.log(`  ${pc18.cyan("In blocks:")}  ${tree.blocks.join(", ")}`);
+        console.log(`  ${pc19.cyan("In blocks:")}  ${tree.blocks.join(", ")}`);
       }
       console.log();
       break;
@@ -5178,14 +5444,14 @@ Composition: ${component}
         console.log(JSON.stringify({ component, alternatives: alts }, null, 2));
         return;
       }
-      console.log(pc18.bold(`
+      console.log(pc19.bold(`
 Alternatives for ${component}
 `));
       if (alts.length === 0) {
         console.log("  No known alternatives.");
       } else {
         for (const alt of alts) {
-          console.log(`  ${pc18.yellow(alt.component)}${alt.note ? ` \u2014 ${alt.note}` : ""}`);
+          console.log(`  ${pc19.yellow(alt.component)}${alt.note ? ` \u2014 ${alt.note}` : ""}`);
         }
       }
       console.log();
@@ -5197,17 +5463,17 @@ Alternatives for ${component}
         console.log(JSON.stringify({ islands }, null, 2));
         return;
       }
-      console.log(pc18.bold(`
+      console.log(pc19.bold(`
 Connected Islands (${islands.length})
 `));
       for (let i = 0; i < islands.length; i++) {
-        console.log(`  ${pc18.cyan(`Island ${i + 1}`)} (${islands[i].length} components): ${islands[i].join(", ")}`);
+        console.log(`  ${pc19.cyan(`Island ${i + 1}`)} (${islands[i].length} components): ${islands[i].join(", ")}`);
       }
       console.log();
       break;
     }
     default:
-      console.error(pc18.red(`Unknown mode: "${mode}". Valid: health, dependencies, dependents, impact, path, composition, alternatives, islands`));
+      console.error(pc19.red(`Unknown mode: "${mode}". Valid: health, dependencies, dependents, impact, path, composition, alternatives, islands`));
       process.exit(1);
   }
   if (format === "dot") {
@@ -5225,9 +5491,9 @@ Connected Islands (${islands.length})
 }
 
 // src/commands/inspect.ts
-import pc19 from "picocolors";
-import { readFile as readFile8 } from "fs/promises";
-import { resolve as resolve8 } from "path";
+import pc20 from "picocolors";
+import { readFile as readFile9 } from "fs/promises";
+import { resolve as resolve9 } from "path";
 function levenshtein(a, b) {
   const m = a.length;
   const n = b.length;
@@ -5260,14 +5526,14 @@ function findClosestMatch(input, candidates, maxDistance = 3) {
 }
 async function inspect(component, options) {
   const { config, configDir } = await loadConfig(options.config);
-  const outputPath = resolve8(configDir, config.outFile ?? BRAND.outFile);
+  const outputPath = resolve9(configDir, config.outFile ?? BRAND.outFile);
   let data;
   try {
-    const content = await readFile8(outputPath, "utf-8");
+    const content = await readFile9(outputPath, "utf-8");
     data = JSON.parse(content);
   } catch {
     console.error(
-      pc19.red(`Error: Could not load ${BRAND.outFile}. Run \`${BRAND.cliCommand} build\` first.`)
+      pc20.red(`Error: Could not load ${BRAND.outFile}. Run \`${BRAND.cliCommand} build\` first.`)
     );
     process.exit(1);
   }
@@ -5279,10 +5545,10 @@ async function inspect(component, options) {
     const closest = findClosestMatch(component, allNames);
     const suggestion = closest ? ` Did you mean "${closest}"?` : "";
     console.error(
-      pc19.red(`Error: Component "${component}" not found.${suggestion}`)
+      pc20.red(`Error: Component "${component}" not found.${suggestion}`)
     );
     console.error(
-      pc19.dim(`Use \`${BRAND.cliCommand} discover\` to see available components.`)
+      pc20.dim(`Use \`${BRAND.cliCommand} discover\` to see available components.`)
     );
     process.exit(1);
   }
@@ -5301,7 +5567,7 @@ async function inspect(component, options) {
       variants = filtered;
     } else {
       console.error(
-        pc19.red(
+        pc20.red(
           `Error: Variant "${options.variant}" not found for ${component}. Available: ${fragment.variants.map((v) => v.name).join(", ")}`
         )
       );
@@ -5370,59 +5636,59 @@ async function inspect(component, options) {
     return;
   }
   const meta = fragment.meta;
-  console.log(pc19.bold(`
+  console.log(pc20.bold(`
 ${meta.name}
 `));
-  console.log(`  ${pc19.cyan("Category:")}    ${meta.category}`);
-  console.log(`  ${pc19.cyan("Status:")}      ${meta.status ?? "stable"}`);
+  console.log(`  ${pc20.cyan("Category:")}    ${meta.category}`);
+  console.log(`  ${pc20.cyan("Status:")}      ${meta.status ?? "stable"}`);
   if (meta.description) {
-    console.log(`  ${pc19.cyan("Description:")} ${meta.description}`);
+    console.log(`  ${pc20.cyan("Description:")} ${meta.description}`);
   }
   if (meta.tags && meta.tags.length > 0) {
-    console.log(`  ${pc19.cyan("Tags:")}        ${meta.tags.join(", ")}`);
+    console.log(`  ${pc20.cyan("Tags:")}        ${meta.tags.join(", ")}`);
   }
   const propEntries = Object.entries(fragment.props ?? {});
   if (propEntries.length > 0) {
-    console.log(pc19.bold("\n  Props\n"));
+    console.log(pc20.bold("\n  Props\n"));
     console.log(
-      pc19.dim(
+      pc20.dim(
         `  ${"Name".padEnd(24)} ${"Type".padEnd(20)} ${"Required".padEnd(10)} ${"Default"}`
       )
     );
-    console.log(pc19.dim(`  ${"\u2500".repeat(70)}`));
+    console.log(pc20.dim(`  ${"\u2500".repeat(70)}`));
     const displayProps = verbosity === "compact" ? propEntries.slice(0, 5) : propEntries;
     for (const [name, prop] of displayProps) {
       const propName = name.length > 22 ? name.slice(0, 19) + "..." : name;
       const propType = (prop.type ?? "").length > 18 ? (prop.type ?? "").slice(0, 15) + "..." : prop.type ?? "";
       console.log(
-        `  ${pc19.cyan(propName.padEnd(24))} ${propType.padEnd(20)} ${(prop.required ? "yes" : "no").padEnd(10)} ${pc19.dim(String(prop.default ?? "-"))}`
+        `  ${pc20.cyan(propName.padEnd(24))} ${propType.padEnd(20)} ${(prop.required ? "yes" : "no").padEnd(10)} ${pc20.dim(String(prop.default ?? "-"))}`
       );
     }
     if (verbosity === "compact" && propEntries.length > 5) {
-      console.log(pc19.dim(`  ... and ${propEntries.length - 5} more`));
+      console.log(pc20.dim(`  ... and ${propEntries.length - 5} more`));
     }
   }
   if (variants.length > 0) {
-    console.log(pc19.bold("\n  Variants\n"));
+    console.log(pc20.bold("\n  Variants\n"));
     for (const v of variants) {
-      console.log(`  ${pc19.yellow(v.name)}${v.description ? pc19.dim(` \u2014 ${v.description}`) : ""}`);
+      console.log(`  ${pc20.yellow(v.name)}${v.description ? pc20.dim(` \u2014 ${v.description}`) : ""}`);
     }
   }
   if (verbosity !== "compact") {
     const when = fragment.usage?.when ?? [];
     const whenNot = fragment.usage?.whenNot ?? [];
     if (when.length > 0 || whenNot.length > 0) {
-      console.log(pc19.bold("\n  Usage Guidelines\n"));
+      console.log(pc20.bold("\n  Usage Guidelines\n"));
       if (when.length > 0) {
-        console.log(`  ${pc19.green("When to use:")}`);
+        console.log(`  ${pc20.green("When to use:")}`);
         for (const w of when) {
-          console.log(`    ${pc19.dim("\u2022")} ${w}`);
+          console.log(`    ${pc20.dim("\u2022")} ${w}`);
         }
       }
       if (whenNot.length > 0) {
-        console.log(`  ${pc19.red("When NOT to use:")}`);
+        console.log(`  ${pc20.red("When NOT to use:")}`);
         for (const w of whenNot) {
-          console.log(`    ${pc19.dim("\u2022")} ${w}`);
+          console.log(`    ${pc20.dim("\u2022")} ${w}`);
         }
       }
     }
@@ -5431,19 +5697,19 @@ ${meta.name}
 }
 
 // src/commands/discover.ts
-import pc20 from "picocolors";
-import { readFile as readFile9 } from "fs/promises";
-import { resolve as resolve9 } from "path";
+import pc21 from "picocolors";
+import { readFile as readFile10 } from "fs/promises";
+import { resolve as resolve10 } from "path";
 async function discover(options) {
   const { config, configDir } = await loadConfig(options.config);
-  const outputPath = resolve9(configDir, config.outFile ?? BRAND.outFile);
+  const outputPath = resolve10(configDir, config.outFile ?? BRAND.outFile);
   let data;
   try {
-    const content = await readFile9(outputPath, "utf-8");
+    const content = await readFile10(outputPath, "utf-8");
     data = JSON.parse(content);
   } catch {
     console.error(
-      pc20.red(`Error: Could not load ${BRAND.outFile}. Run \`${BRAND.cliCommand} build\` first.`)
+      pc21.red(`Error: Could not load ${BRAND.outFile}. Run \`${BRAND.cliCommand} build\` first.`)
     );
     process.exit(1);
   }
@@ -5490,53 +5756,53 @@ async function discover(options) {
     return;
   }
   if (fragments.length === 0) {
-    console.log(pc20.yellow("\nNo components found matching the given filters.\n"));
+    console.log(pc21.yellow("\nNo components found matching the given filters.\n"));
     return;
   }
-  console.log(pc20.bold(`
+  console.log(pc21.bold(`
 ${BRAND.name} Components (${fragments.length})
 `));
   console.log(
-    pc20.dim(
+    pc21.dim(
       `  ${"Name".padEnd(28)} ${"Category".padEnd(16)} ${"Status".padEnd(14)} ${"Variants".padEnd(10)} ${"Props"}`
     )
   );
-  console.log(pc20.dim(`  ${"\u2500".repeat(80)}`));
+  console.log(pc21.dim(`  ${"\u2500".repeat(80)}`));
   for (const f of fragments) {
     const name = f.meta.name.length > 26 ? f.meta.name.slice(0, 23) + "..." : f.meta.name;
     const category = (f.meta.category ?? "").padEnd(16);
     const status = f.meta.status ?? "stable";
-    const statusColored = status === "stable" ? pc20.green(status.padEnd(14)) : status === "deprecated" ? pc20.red(status.padEnd(14)) : status === "beta" ? pc20.yellow(status.padEnd(14)) : pc20.cyan(status.padEnd(14));
+    const statusColored = status === "stable" ? pc21.green(status.padEnd(14)) : status === "deprecated" ? pc21.red(status.padEnd(14)) : status === "beta" ? pc21.yellow(status.padEnd(14)) : pc21.cyan(status.padEnd(14));
     const variantCount = String(f.variants.length).padEnd(10);
     const propCount = String(Object.keys(f.props ?? {}).length);
     console.log(
-      `  ${pc20.cyan(name.padEnd(28))} ${pc20.dim(category)} ${statusColored} ${variantCount} ${propCount}`
+      `  ${pc21.cyan(name.padEnd(28))} ${pc21.dim(category)} ${statusColored} ${variantCount} ${propCount}`
     );
   }
-  console.log(pc20.dim(`
+  console.log(pc21.dim(`
   ${"\u2500".repeat(80)}`));
   console.log(
-    pc20.dim(`  ${fragments.length} component(s) across ${categories.length} categories`)
+    pc21.dim(`  ${fragments.length} component(s) across ${categories.length} categories`)
   );
   if (categories.length > 0) {
-    console.log(pc20.dim(`  Categories: ${categories.join(", ")}`));
+    console.log(pc21.dim(`  Categories: ${categories.join(", ")}`));
   }
   console.log();
 }
 
 // src/commands/perf.ts
-import pc21 from "picocolors";
-import { readFile as readFile10, writeFile as writeFile8 } from "fs/promises";
-import { resolve as resolve11 } from "path";
+import pc22 from "picocolors";
+import { readFile as readFile11, writeFile as writeFile9 } from "fs/promises";
+import { resolve as resolve12 } from "path";
 
 // src/core/bundle-measurer.ts
 import { build as build2 } from "esbuild";
 import { gzipSync } from "zlib";
-import { resolve as resolve10, dirname as dirname4, join as join10, basename } from "path";
+import { resolve as resolve11, dirname as dirname5, join as join10, basename } from "path";
 import { existsSync as existsSync3 } from "fs";
 function resolveEntryPoint(fragmentFilePath, configDir) {
-  const absPath = resolve10(configDir, fragmentFilePath);
-  const dir = dirname4(absPath);
+  const absPath = resolve11(configDir, fragmentFilePath);
+  const dir = dirname5(absPath);
   const candidates = ["index.tsx", "index.ts", "index.jsx", "index.js"];
   for (const candidate of candidates) {
     const path = join10(dir, candidate);
@@ -5578,7 +5844,7 @@ function groupImportsByDirectDep(metafile, entryPoint) {
   let entryKey;
   for (const key of Object.keys(inputs)) {
     if (key === entryPoint || entryPoint.endsWith(key) || key.endsWith(basename(entryPoint))) {
-      const entryDir = dirname4(entryPoint);
+      const entryDir = dirname5(entryPoint);
       if (key.includes(basename(entryDir))) {
         entryKey = key;
         break;
@@ -5586,7 +5852,7 @@ function groupImportsByDirectDep(metafile, entryPoint) {
     }
   }
   if (!entryKey) {
-    const entryBasename = basename(dirname4(entryPoint));
+    const entryBasename = basename(dirname5(entryPoint));
     for (const key of Object.keys(inputs)) {
       if (key.includes(`/${entryBasename}/index.`)) {
         entryKey = key;
@@ -5779,10 +6045,10 @@ async function perf(options) {
   const shouldWrite = options.write !== false;
   const { config, configDir } = await loadConfig(configPath);
   const perfConfig = resolvePerformanceConfig(config.performance ?? "standard");
-  const outFile = resolve11(configDir, config.outFile ?? BRAND.outFile);
+  const outFile = resolve12(configDir, config.outFile ?? BRAND.outFile);
   let data;
   try {
-    data = JSON.parse(await readFile10(outFile, "utf-8"));
+    data = JSON.parse(await readFile11(outFile, "utf-8"));
   } catch {
     throw new Error(
       `Could not read ${BRAND.outFile}. Run \`${BRAND.cliCommand} build\` first.`
@@ -5801,18 +6067,18 @@ async function perf(options) {
     fragments = { [match[0]]: match[1] };
   }
   if (!json) {
-    console.log(pc21.cyan(`
+    console.log(pc22.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)...
+    console.log(pc22.dim(`Preset: ${perfConfig.preset} (${formatBytes(perfConfig.budgets.bundleSize)} budget)`));
+    console.log(pc22.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}`);
+      process.stdout.write(`\r${pc22.dim(`[${done}/${total}]`)} ${name}`);
     } : void 0
   });
   if (!json) {
@@ -5850,49 +6116,49 @@ ${BRAND.name} Performance Profiler
   } else {
     const nameWidth = Math.max(20, ...perfResults.map((r) => r.name.length)) + 2;
     console.log(
-      pc21.bold(
+      pc22.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)));
+    console.log(pc22.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;
+      const tierColor = d.complexity === "lightweight" ? pc22.green : d.complexity === "moderate" ? pc22.yellow : pc22.red;
+      const budgetColor = d.overBudget ? pc22.red : pc22.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));
+          const impBar = pc22.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
+            pc22.dim("  \u2514\u2500\u2500 ") + pc22.dim(imp.path.length > 50 ? "\u2026" + imp.path.slice(-49) : imp.path) + pc22.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(pc22.dim(`  \u2514\u2500\u2500 \u2026 and ${d.imports.length - 5} more files`));
         }
       }
     }
-    console.log(pc21.dim("\u2500".repeat(nameWidth + 60)));
+    console.log(pc22.dim("\u2500".repeat(nameWidth + 60)));
     if (result.errors.length > 0) {
-      console.log(pc21.yellow(`
+      console.log(pc22.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}`));
+        console.log(pc22.dim(`  ${err.name}: ${err.error}`));
       }
       if (result.errors.length > 5) {
-        console.log(pc21.dim(`  ... and ${result.errors.length - 5} more`));
+        console.log(pc22.dim(`  ... and ${result.errors.length - 5} more`));
       }
     }
     console.log(`
-${pc21.bold("Summary")}`);
+${pc22.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`)}`);
+    console.log(`  Tiers: ${pc22.green(`${tiers.lightweight} lightweight`)} \xB7 ${pc22.yellow(`${tiers.moderate} moderate`)} \xB7 ${pc22.red(`${tiers.heavy} heavy`)}`);
     if (overBudgetCount > 0) {
-      console.log(pc21.red(`  Over budget: ${overBudgetCount} component(s) exceed ${formatBytes(perfConfig.budgets.bundleSize)} budget`));
+      console.log(pc22.red(`  Over budget: ${overBudgetCount} component(s) exceed ${formatBytes(perfConfig.budgets.bundleSize)} budget`));
     } else {
-      console.log(pc21.green("  All components within budget"));
+      console.log(pc22.green("  All components within budget"));
     }
     console.log("");
   }
@@ -5909,9 +6175,9 @@ ${pc21.bold("Summary")}`);
       overBudget: overBudgetCount,
       tiers
     };
-    await writeFile8(outFile, JSON.stringify(data));
+    await writeFile9(outFile, JSON.stringify(data));
     if (!json) {
-      console.log(pc21.dim(`Results written to ${BRAND.outFile}`));
+      console.log(pc22.dim(`Results written to ${BRAND.outFile}`));
     }
   }
   return {
@@ -5922,44 +6188,44 @@ ${pc21.bold("Summary")}`);
 }
 
 // src/commands/sync.ts
-import pc22 from "picocolors";
-import { readFile as readFile11, writeFile as writeFile9 } from "fs/promises";
+import pc23 from "picocolors";
+import { readFile as readFile12, writeFile as writeFile10 } from "fs/promises";
 import { resolveComponentSourcePath } from "@fragments-sdk/extract";
 import { createComponentExtractor } from "@fragments-sdk/extract";
 async function sync(options = {}) {
   const { config, configDir } = await loadConfig(options.config);
-  console.log(pc22.cyan(`
+  console.log(pc23.cyan(`
 ${BRAND.name} Sync
 `));
   if (options.dryRun) {
-    console.log(pc22.dim("Dry run \u2014 no files will be modified.\n"));
+    console.log(pc23.dim("Dry run \u2014 no files will be modified.\n"));
   }
   const result = await runSync(config, configDir, options);
   if (result.updated.length > 0) {
     const verb = options.dryRun ? "Would update" : "Updated";
-    console.log(pc22.bold(`${verb} ${result.updated.length} fragment(s):
+    console.log(pc23.bold(`${verb} ${result.updated.length} fragment(s):
 `));
     for (const comp of result.updated) {
-      console.log(`  ${pc22.green("\u2713")} ${pc22.bold(comp.name)} ${pc22.dim(`(${comp.file})`)}`);
+      console.log(`  ${pc23.green("\u2713")} ${pc23.bold(comp.name)} ${pc23.dim(`(${comp.file})`)}`);
       for (const change of comp.changes) {
-        console.log(`    ${pc22.dim("\u2022")} ${change}`);
+        console.log(`    ${pc23.dim("\u2022")} ${change}`);
       }
     }
     console.log();
   }
   if (result.skipped.length > 0) {
-    console.log(pc22.dim(`Skipped ${result.skipped.length}: ${result.skipped.map((s) => s.name).join(", ")}
+    console.log(pc23.dim(`Skipped ${result.skipped.length}: ${result.skipped.map((s) => s.name).join(", ")}
 `));
   }
   if (result.errors.length > 0) {
-    console.log(pc22.red(pc22.bold("Errors:")));
+    console.log(pc23.red(pc23.bold("Errors:")));
     for (const err of result.errors) {
-      console.log(`  ${pc22.red("\u2717")} ${pc22.bold(err.file)}: ${err.message}`);
+      console.log(`  ${pc23.red("\u2717")} ${pc23.bold(err.file)}: ${err.message}`);
     }
     console.log();
   }
   if (result.updated.length === 0 && result.errors.length === 0) {
-    console.log(pc22.green("All fragments are in sync \u2014 nothing to update.\n"));
+    console.log(pc23.green("All fragments are in sync \u2014 nothing to update.\n"));
   }
   return result;
 }
@@ -5978,7 +6244,7 @@ async function runSync(config, configDir, options) {
         const fragment = await loadFragmentFile(file.absolutePath);
         if (!fragment?.meta?.name) continue;
         if (options.component && fragment.meta.name !== options.component) continue;
-        const fileContent = await readFile11(file.absolutePath, "utf-8");
+        const fileContent = await readFile12(file.absolutePath, "utf-8");
         const parsed = parseFragmentFile(fileContent, file.absolutePath);
         if (!parsed.componentImport) {
           skipped.push({ name: fragment.meta.name, reason: "No component import found" });
@@ -6000,7 +6266,7 @@ async function runSync(config, configDir, options) {
           continue;
         }
         if (!options.dryRun) {
-          await writeFile9(file.absolutePath, patch.updatedContent, "utf-8");
+          await writeFile10(file.absolutePath, patch.updatedContent, "utf-8");
         }
         updated.push({
           name: fragment.meta.name,
@@ -6140,9 +6406,9 @@ function escapeRegex(str) {
 }
 
 // src/commands/govern.ts
-import pc23 from "picocolors";
+import pc24 from "picocolors";
 async function governCheck(options = {}) {
-  console.log(pc23.cyan(`
+  console.log(pc24.cyan(`
 ${BRAND.name} Governance Check
 `));
   const { cliCheck, formatVerdict } = await import("@fragments-sdk/govern");
@@ -6153,20 +6419,20 @@ ${BRAND.name} Governance Check
     console.log();
   }
   if (result.verdict.passed) {
-    console.log(pc23.green(`\u2713 Governance check passed (score: ${result.verdict.score}/100)
+    console.log(pc24.green(`\u2713 Governance check passed (score: ${result.verdict.score}/100)
 `));
   } else {
-    console.log(pc23.red(`\u2717 Governance check failed (score: ${result.verdict.score}/100)
+    console.log(pc24.red(`\u2717 Governance check failed (score: ${result.verdict.score}/100)
 `));
   }
   return { exitCode: result.exitCode };
 }
 async function governInit(options = {}) {
-  const { writeFile: writeFile11 } = await import("fs/promises");
+  const { writeFile: writeFile12 } = await import("fs/promises");
   const { existsSync: existsSync4 } = await import("fs");
-  const { resolve: resolve14 } = await import("path");
+  const { resolve: resolve15 } = await import("path");
   const { generateConfigTemplate } = await import("@fragments-sdk/govern");
-  const { findTailwindConfig } = await import("./token-normalizer-TEPOVBPV.js");
+  const { findTailwindConfig } = await import("./token-normalizer-7TFCVDZL.js");
   const cwd = process.cwd();
   const detected = {
     tokenIncludes: [],
@@ -6177,7 +6443,7 @@ async function governInit(options = {}) {
     const { relative: relative9 } = await import("path");
     detected.tokenIncludes.push(relative9(cwd, tailwindPath));
     detected.projectType = "tailwind";
-    console.log(pc23.dim(`  Detected Tailwind config: ${detected.tokenIncludes[0]}`));
+    console.log(pc24.dim(`  Detected Tailwind config: ${detected.tokenIncludes[0]}`));
   }
   if (detected.tokenIncludes.length === 0) {
     const candidates = [
@@ -6193,175 +6459,47 @@ async function governInit(options = {}) {
       "src/tokens.json"
     ];
     for (const candidate of candidates) {
-      if (existsSync4(resolve14(cwd, candidate))) {
+      if (existsSync4(resolve15(cwd, candidate))) {
         detected.tokenIncludes.push(candidate);
         detected.projectType = candidate.endsWith(".scss") ? "scss" : candidate.endsWith(".json") ? "dtcg" : "css";
-        console.log(pc23.dim(`  Detected token source: ${candidate}`));
+        console.log(pc24.dim(`  Detected token source: ${candidate}`));
       }
     }
   }
   if (detected.tokenIncludes.length === 0) {
-    console.log(pc23.dim("  No token sources auto-detected. You can add them manually."));
+    console.log(pc24.dim("  No token sources auto-detected. You can add them manually."));
   }
-  const outputPath = resolve14(options.output ?? "fragments.config.ts");
+  const outputPath = resolve15(options.output ?? "fragments.config.ts");
   const template = generateConfigTemplate({ tokenIncludes: detected.tokenIncludes });
-  await writeFile11(outputPath, template, "utf-8");
-  console.log(pc23.green(`
+  await writeFile12(outputPath, template, "utf-8");
+  console.log(pc24.green(`
 \u2713 Created ${outputPath}
 `));
   if (detected.tokenIncludes.length > 0) {
     console.log(
-      pc23.dim(`  Token sources configured: ${detected.tokenIncludes.join(", ")}`)
+      pc24.dim(`  Token sources configured: ${detected.tokenIncludes.join(", ")}`)
     );
   }
   console.log(
-    pc23.dim("  Run ") + pc23.cyan("fragments govern scan") + pc23.dim(" to check your project.\n")
+    pc24.dim("  Run ") + pc24.cyan("fragments govern scan") + pc24.dim(" to check your project.\n")
   );
 }
-async function governConnect() {
-  const { readFile: readFile13, writeFile: writeFile11, appendFile } = await import("fs/promises");
-  const { existsSync: existsSync4 } = await import("fs");
-  const { resolve: resolve14 } = await import("path");
-  const { platform } = await import("os");
-  const { exec } = await import("child_process");
-  const { password, confirm } = await import("@inquirer/prompts");
-  const cloudUrl = process.env.FRAGMENTS_URL ?? "https://app.usefragments.com";
-  console.log(pc23.cyan(`
-  ${BRAND.name} \u2014 Connect to Cloud
-`));
-  console.log(
-    pc23.dim("  This will connect your project to the Fragments dashboard\n") + pc23.dim("  for centralized audit tracking and team visibility.\n")
-  );
-  console.log(pc23.bold("  Step 1 of 3: Get your API key\n"));
-  const dashboardUrl = `${cloudUrl}/api-keys`;
-  console.log(pc23.dim(`  \u2192 Opening the dashboard in your browser...`));
-  console.log(pc23.dim(`    Copy your API key from Settings \u2192 API Keys
-`));
-  const os = platform();
-  const openCmd = os === "darwin" ? `open "${dashboardUrl}"` : os === "win32" ? `start "" "${dashboardUrl}"` : `xdg-open "${dashboardUrl}"`;
-  exec(openCmd);
-  let apiKey;
-  let orgName;
-  while (true) {
-    apiKey = await password({
-      message: "Paste your API key:",
-      mask: "*"
-    });
-    if (!apiKey.trim()) {
-      console.log(pc23.yellow("\n  API key cannot be empty. Please try again.\n"));
-      continue;
-    }
-    console.log(pc23.dim("\n  Verifying..."));
-    try {
-      const response = await fetch(`${cloudUrl}/api/verify`, {
-        headers: { Authorization: `Bearer ${apiKey.trim()}` }
-      });
-      if (!response.ok) {
-        console.log(pc23.red(`
-  \u2717 Invalid API key (HTTP ${response.status}). Please try again.
-`));
-        continue;
-      }
-      const data = await response.json();
-      if (!data.valid) {
-        console.log(pc23.red("\n  \u2717 API key not recognized. Please try again.\n"));
-        continue;
-      }
-      orgName = data.orgName ?? "your organization";
-      console.log(pc23.green(`
-  \u2713 Connected to "${orgName}" (verified)
-`));
-      break;
-    } catch (error) {
-      console.log(
-        pc23.red("\n  \u2717 Could not reach the dashboard.")
-      );
-      console.log(
-        pc23.dim(`    ${error instanceof Error ? error.message : "Network error"}
-`)
-      );
-      continue;
-    }
-  }
-  console.log(pc23.bold("  Step 2 of 3: Save configuration\n"));
-  const saveToEnv = await confirm({
-    message: "Save API key to .env file?",
-    default: true
-  });
-  if (saveToEnv) {
-    const envPath = resolve14(".env");
-    const envEntry = `FRAGMENTS_API_KEY=${apiKey.trim()}`;
-    if (existsSync4(envPath)) {
-      const envContent = await readFile13(envPath, "utf-8");
-      if (envContent.includes("FRAGMENTS_API_KEY=")) {
-        const updated = envContent.replace(
-          /^FRAGMENTS_API_KEY=.*$/m,
-          envEntry
-        );
-        await writeFile11(envPath, updated, "utf-8");
-        console.log(pc23.green("  \u2713 Updated FRAGMENTS_API_KEY in .env"));
-      } else {
-        await appendFile(envPath, `
-${envEntry}
-`, "utf-8");
-        console.log(pc23.green("  \u2713 Added FRAGMENTS_API_KEY to .env"));
-      }
-    } else {
-      await writeFile11(envPath, `${envEntry}
-`, "utf-8");
-      console.log(pc23.green("  \u2713 Created .env with FRAGMENTS_API_KEY"));
-    }
-    if (cloudUrl !== "https://app.usefragments.com") {
-      const envContent = await readFile13(envPath, "utf-8");
-      if (!envContent.includes("FRAGMENTS_URL=")) {
-        await appendFile(envPath, `FRAGMENTS_URL=${cloudUrl}
-`, "utf-8");
-        console.log(pc23.green(`  \u2713 Added FRAGMENTS_URL to .env`));
-      }
-    }
-    const gitignorePath = resolve14(".gitignore");
-    if (existsSync4(gitignorePath)) {
-      const gitignore = await readFile13(gitignorePath, "utf-8");
-      if (!gitignore.split("\n").some((line) => line.trim() === ".env")) {
-        await appendFile(gitignorePath, "\n.env\n", "utf-8");
-        console.log(pc23.green("  \u2713 Added .env to .gitignore"));
-      }
-    } else {
-      await writeFile11(gitignorePath, ".env\n", "utf-8");
-      console.log(pc23.green("  \u2713 Created .gitignore with .env entry"));
-    }
-  }
-  console.log(pc23.bold("\n  Step 3 of 3: Config check\n"));
-  const { findGovernConfig } = await import("@fragments-sdk/govern");
-  const configPath = findGovernConfig();
-  if (configPath) {
-    console.log(pc23.green(`  \u2713 Found govern config: ${configPath}`));
-  } else {
-    console.log(
-      pc23.yellow("  No govern config found \u2014 run `fragments govern init` to create one")
-    );
-  }
-  console.log(pc23.dim("\n  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n"));
-  console.log(pc23.green("  \u2713 All set!") + " Run `fragments govern check` to send your first audit.\n");
-  console.log(pc23.dim(`  Dashboard: ${cloudUrl}/overview
-`));
-}
 async function governReport() {
-  const { readFile: readFile13 } = await import("fs/promises");
-  console.log(pc23.cyan(`
+  const { readFile: readFile14 } = await import("fs/promises");
+  console.log(pc24.cyan(`
 ${BRAND.name} Governance Report
 `));
   let raw;
   try {
-    raw = await readFile13(".govern-audit.jsonl", "utf-8");
+    raw = await readFile14(".govern-audit.jsonl", "utf-8");
   } catch {
-    console.log(pc23.yellow("No audit log found (.govern-audit.jsonl)\n"));
-    console.log(pc23.dim("Run `fragments govern check` to generate audit data.\n"));
+    console.log(pc24.yellow("No audit log found (.govern-audit.jsonl)\n"));
+    console.log(pc24.dim("Run `fragments govern check` to generate audit data.\n"));
     return;
   }
   const lines = raw.trim().split("\n").filter(Boolean);
   if (lines.length === 0) {
-    console.log(pc23.yellow("Audit log is empty.\n"));
+    console.log(pc24.yellow("Audit log is empty.\n"));
     return;
   }
   let totalScore = 0;
@@ -6386,13 +6524,13 @@ ${BRAND.name} Governance Report
 }
 
 // src/commands/migrate-contract.ts
-import pc24 from "picocolors";
+import pc25 from "picocolors";
 import fg4 from "fast-glob";
-import { resolve as resolve13 } from "path";
+import { resolve as resolve14 } from "path";
 
 // src/migrate/fragment-to-contract.ts
-import { readFile as readFile12, writeFile as writeFile10 } from "fs/promises";
-import { resolve as resolve12, dirname as dirname5, relative as relative8 } from "path";
+import { readFile as readFile13, writeFile as writeFile11 } from "fs/promises";
+import { resolve as resolve13, dirname as dirname6, relative as relative8 } from "path";
 import { createComponentExtractor as createComponentExtractor2 } from "@fragments-sdk/extract";
 import { resolveComponentSourcePath as resolveComponentSourcePath2 } from "@fragments-sdk/extract";
 function compilePropsSummaryFromExtracted(props) {
@@ -6431,8 +6569,8 @@ function compilePropsSummaryFromDocs(props) {
 }
 async function migrateFragmentToContract(fragmentPath, configDir, options) {
   const warnings = [];
-  const absFragmentPath = resolve12(fragmentPath);
-  const content = await readFile12(absFragmentPath, "utf-8");
+  const absFragmentPath = resolve13(fragmentPath);
+  const content = await readFile13(absFragmentPath, "utf-8");
   const parsed = parseFragmentFile(content, fragmentPath);
   warnings.push(...parsed.warnings);
   if (!parsed.meta.name) {
@@ -6466,8 +6604,8 @@ async function migrateFragmentToContract(fragmentPath, configDir, options) {
       warnings.push(`Could not resolve component source path: ${parsed.componentImport}`);
     }
   } else {
-    const fragDir = dirname5(absFragmentPath);
-    sourcePath = relative8(configDir, resolve12(fragDir, "index.tsx"));
+    const fragDir = dirname6(absFragmentPath);
+    sourcePath = relative8(configDir, resolve13(fragDir, "index.tsx"));
     warnings.push("No component import found; assuming ./index.tsx");
   }
   const exportName = parsed.componentName ?? parsed.meta.name;
@@ -6561,7 +6699,7 @@ async function migrateFragmentToContract(fragmentPath, configDir, options) {
   };
   const contractPath = absFragmentPath.replace(/\.fragment\.tsx?$/, ".contract.json");
   if (!options?.dryRun) {
-    await writeFile10(contractPath, JSON.stringify(contract, null, 2) + "\n");
+    await writeFile11(contractPath, JSON.stringify(contract, null, 2) + "\n");
   }
   return { contractPath, contract, warnings };
 }
@@ -6570,20 +6708,20 @@ async function migrateFragmentToContract(fragmentPath, configDir, options) {
 async function migrateContract(options) {
   const { config, configDir } = await loadConfig(options.config);
   const pattern = options.glob ?? "src/**/*.fragment.tsx";
-  console.log(pc24.blue(`Migrating fragment files matching: ${pattern}`));
+  console.log(pc25.blue(`Migrating fragment files matching: ${pattern}`));
   if (options.dryRun) {
-    console.log(pc24.yellow("(dry run \u2014 no files will be written)"));
+    console.log(pc25.yellow("(dry run \u2014 no files will be written)"));
   }
   const files = await fg4(pattern, { cwd: configDir, absolute: true });
   if (files.length === 0) {
-    console.log(pc24.yellow("No fragment files found matching pattern."));
+    console.log(pc25.yellow("No fragment files found matching pattern."));
     return { migrated: 0, failed: 0, warnings: 0 };
   }
-  console.log(pc24.dim(`Found ${files.length} fragment file(s)`));
+  console.log(pc25.dim(`Found ${files.length} fragment file(s)`));
   let migrated = 0;
   let failed = 0;
   let totalWarnings = 0;
-  const tsconfigPath = options.tsconfig ? resolve13(options.tsconfig) : void 0;
+  const tsconfigPath = options.tsconfig ? resolve14(options.tsconfig) : void 0;
   for (const file of files) {
     try {
       const result = await migrateFragmentToContract(file, configDir, {
@@ -6592,31 +6730,31 @@ async function migrateContract(options) {
       });
       migrated++;
       const verb = options.dryRun ? "Would migrate" : "Migrated";
-      console.log(pc24.green(`  \u2713 ${verb}: ${result.contractPath}`));
+      console.log(pc25.green(`  \u2713 ${verb}: ${result.contractPath}`));
       if (result.warnings.length > 0) {
         totalWarnings += result.warnings.length;
         for (const w of result.warnings) {
-          console.log(pc24.yellow(`    \u26A0 ${w}`));
+          console.log(pc25.yellow(`    \u26A0 ${w}`));
         }
       }
     } catch (error) {
       failed++;
-      console.log(pc24.red(`  \u2717 Failed: ${file}`));
-      console.log(pc24.dim(`    ${error instanceof Error ? error.message : String(error)}`));
+      console.log(pc25.red(`  \u2717 Failed: ${file}`));
+      console.log(pc25.dim(`    ${error instanceof Error ? error.message : String(error)}`));
     }
   }
   console.log("");
-  console.log(pc24.bold("Migration summary:"));
-  console.log(`  ${pc24.green(`${migrated} migrated`)}  ${pc24.red(`${failed} failed`)}  ${pc24.yellow(`${totalWarnings} warnings`)}`);
+  console.log(pc25.bold("Migration summary:"));
+  console.log(`  ${pc25.green(`${migrated} migrated`)}  ${pc25.red(`${failed} failed`)}  ${pc25.yellow(`${totalWarnings} warnings`)}`);
   if (!options.dryRun && migrated > 0) {
     console.log("");
-    console.log(pc24.dim("Run `fragments build` to verify migrated contracts compile correctly."));
+    console.log(pc25.dim("Run `fragments build` to verify migrated contracts compile correctly."));
   }
   return { migrated, failed, warnings: totalWarnings };
 }
 
 // src/bin.ts
-var __dirname = dirname6(fileURLToPath(import.meta.url));
+var __dirname = dirname7(fileURLToPath(import.meta.url));
 var pkg = JSON.parse(readFileSync(join11(__dirname, "../package.json"), "utf-8"));
 var EXPERIMENTAL = process.env.FRAGMENTS_EXPERIMENTAL === "1";
 var program = new Command();
@@ -6628,7 +6766,7 @@ program.command("validate").description("Validate fragment files").option("-c, -
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6644,7 +6782,7 @@ program.command("sync").description("Auto-update fragment files from component s
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6666,12 +6804,39 @@ program.command("build").description(`Build compiled ${BRAND.outFile} and ${BRAN
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
-program.command("context").description("Generate AI-ready context for your design system").option("-c, --config <path>", "Path to config file").option("-i, --input <path>", `Path to ${BRAND.outFile} (builds if not provided)`).option("-f, --format <format>", "Output format (markdown/json)", "markdown").option("--compact", "Minimal output for token efficiency").option("--code", "Include code examples").option("--relations", "Include component relationships").option("--tokens", "Only output token estimate").action(async (options) => {
+program.command("context [action]").description("Generate AI-ready context or install a Fragments Cloud bundle").option("-c, --config <path>", "Path to config file").option("-i, --input <path>", `Path to ${BRAND.outFile} (builds if not provided)`).option("-f, --format <format>", "Output format (markdown/json)", "markdown").option("--compact", "Minimal output for token efficiency").option("--code", "Include code examples").option("--relations", "Include component relationships").option("--tokens", "Only output token estimate").option("--cloud", "Use Fragments Cloud bundle endpoints").option("--api-key <key>", "Fragments Cloud API key (or use FRAGMENTS_API_KEY)").option("--targets <list>", "Comma-separated helper targets (cursor,agents,claude,copilot)").option("--cwd <path>", "Project root for install/status").option("--dry-run", "Preview file writes without modifying the repo").option("-y, --yes", "Non-interactive mode").option("--root-files <mode>", "Root instruction file mode (prompt|never|patch)").option("--gitignore-fragments", "Add .fragments/ to .gitignore after install").action(async (action, options) => {
   try {
+    if (options.cloud && action === "install") {
+      await contextInstallCloud({
+        apiKey: options.apiKey,
+        targets: options.targets,
+        cwd: options.cwd,
+        dryRun: options.dryRun,
+        yes: options.yes,
+        rootFiles: options.rootFiles,
+        gitignoreFragments: options.gitignoreFragments
+      });
+      return;
+    }
+    if (options.cloud && action === "status") {
+      await contextStatusCloud({
+        apiKey: options.apiKey,
+        cwd: options.cwd
+      });
+      return;
+    }
+    if (action === "install" || action === "status") {
+      throw new Error(
+        `context ${action} requires --cloud`
+      );
+    }
+    if (action && action !== "install" && action !== "status") {
+      throw new Error(`Unknown context action: ${action}`);
+    }
     const result = await context({
       config: options.config,
       input: options.input,
@@ -6685,7 +6850,7 @@ program.command("context").description("Generate AI-ready context for your desig
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6712,7 +6877,7 @@ program.command("ai").description("Generate context optimized for AI assistants
       }
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6720,7 +6885,7 @@ program.command("list").description("List all discovered fragment files").option
   try {
     await list(options);
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6728,7 +6893,7 @@ program.command("reset").description("Reset to initial state (delete all generat
   try {
     await reset(options);
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6742,7 +6907,7 @@ linkCommand.command("figma").argument("[figma-url]", "Figma file URL to link com
       variants: options.variants
     });
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6757,7 +6922,7 @@ linkCommand.command("storybook").description("Bootstrap fragments from existing
       exclude: options.exclude
     });
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6777,7 +6942,7 @@ program.command("screenshot").description("Capture screenshots of component vari
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6796,7 +6961,7 @@ program.command("diff").argument("[component]", "Component name to diff (optiona
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6815,8 +6980,8 @@ program.command("compare").argument("[component]", "Component name to compare").
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
-    console.log(pc25.dim(`
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
+    console.log(pc26.dim(`
 Make sure a dev server is running on the expected port.`));
     process.exit(1);
   }
@@ -6835,7 +7000,7 @@ program.command("analyze").description("Analyze design system and generate repor
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6854,7 +7019,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(pc25.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -6871,7 +7036,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(pc25.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -6893,7 +7058,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(pc25.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -6916,7 +7081,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(pc25.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -6937,7 +7102,7 @@ program.command("scan").description(`Zero-config ${BRAND.outFile} generation fro
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6953,7 +7118,7 @@ program.command("migrate-contract").description("Migrate .fragment.tsx files to
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6966,7 +7131,7 @@ program.command("storygen").description("Generate Storybook stories from fragmen
       format: options.format
     });
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6978,7 +7143,7 @@ program.command("metrics").argument("[component]", "Component name (optional, sh
       json: options.json
     });
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -6992,9 +7157,9 @@ program.command("baseline").description("Manage visual regression baselines").ar
       port: options.port
     });
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     if (action === "update") {
-      console.log(pc25.dim(`
+      console.log(pc26.dim(`
 Make sure a dev server is running on the expected port.`));
     }
     process.exit(1);
@@ -7002,27 +7167,27 @@ Make sure a dev server is running on the expected port.`));
 });
 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-7QIBQZRC.js");
+    const { generateViewerFromJson } = await import("./static-viewer-7L6UEYTJ.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(pc25.cyan(`
+    console.log(pc26.cyan(`
 ${BRAND.name} Viewer Generator
 `));
     try {
       await fs2.access(inputPath);
     } catch {
-      console.log(pc25.red(`Error: ${options.input} not found.`));
-      console.log(pc25.dim(`
-Run ${pc25.cyan(`${BRAND.cliCommand} build`)} first to generate ${BRAND.outFile}
+      console.log(pc26.red(`Error: ${options.input} not found.`));
+      console.log(pc26.dim(`
+Run ${pc26.cyan(`${BRAND.cliCommand} build`)} first to generate ${BRAND.outFile}
 `));
       process.exit(1);
     }
-    console.log(pc25.dim(`Reading: ${options.input}`));
+    console.log(pc26.dim(`Reading: ${options.input}`));
     const html = await generateViewerFromJson(inputPath);
     await fs2.writeFile(outputPath, html);
-    console.log(pc25.green(`
+    console.log(pc26.green(`
 \u2713 Generated: ${options.output}
 `));
     if (options.open) {
@@ -7031,7 +7196,7 @@ Run ${pc25.cyan(`${BRAND.cliCommand} build`)} first to generate ${BRAND.outFile}
       exec(`${openCmd} "${outputPath}"`);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -7044,13 +7209,13 @@ program.command("add").argument("[name]", 'Component name (e.g., "Button", "Text
       component: options.component
     });
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 program.command("create").argument("[name]", "Project name").description("Create a new project with Fragments UI and your custom theme").option("-t, --template <template>", "Framework template (nextjs, vite)", "nextjs").option("--pm <manager>", "Package manager (npm, pnpm, yarn, bun)").option("--theme <encoded>", "Encoded theme string").option("--preset <id>", "Theme preset ID from usefragments.com/create").option("--brand <color>", "Brand color hex (e.g., #6366f1)").option("--scss", "Use SCSS output (installs sass)").option("--no-mcp", "Skip MCP server configuration").option("-y, --yes", "Skip interactive prompts").option("--no-git", "Skip git initialization").action(async (name, options) => {
   try {
-    const { create } = await import("./create-EXURTBKK.js");
+    const { create } = await import("./create-D44QD7MV.js");
     const result = await create({
       name,
       template: options.template,
@@ -7064,11 +7229,11 @@ program.command("create").argument("[name]", "Project name").description("Create
       noGit: !options.git
     });
     if (!result.success) {
-      if (result.error) console.error(pc25.red(`Error: ${result.error}`));
+      if (result.error) console.error(pc26.red(`Error: ${result.error}`));
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -7085,34 +7250,14 @@ program.command("setup").description("Configure @fragments-sdk/ui in a consumer
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 var initCmd = program.command("init").description("Initialize fragments in a project (zero-config by default)").option("--force", "Overwrite existing config").option("-y, --yes", "Non-interactive mode (now the default)").option("--configure", "Interactive mode for theme seeds, snapshots, etc.").option("--metadata-only", "Generate config and metadata without modifying runtime app setup").option("--govern", "Alias for --metadata-only").option("--scan <path>", "Scan a TypeScript component directory and generate fragment files").option("--enrich", "Use AI to fill knowledge fields during --scan (requires API key)").option("--dry-run", "Show what --enrich would generate without calling API").option("--provider <provider>", "AI provider for enrichment: anthropic or openai").option("--api-key <key>", "API key for AI enrichment").option("--model <model>", "Override AI model for enrichment");
-if (EXPERIMENTAL) {
-  initCmd.option("--cloud", "Set up Fragments Cloud governance (zero-config browser auth)").option("--cloud-url <url>", "Cloud dashboard URL (default: https://app.usefragments.com)").option("--port <port>", "Localhost port for auth callback (default: 9876)").option("--auth-only", "Only authenticate, skip project setup").option("--skip-check", "Skip running the first governance check");
-}
 initCmd.action(async (options) => {
   try {
-    if (options.cloud) {
-      if (!EXPERIMENTAL) {
-        console.log(pc25.yellow(`
-  Fragments Cloud is not yet publicly available.`));
-        console.log(pc25.dim(`  Set FRAGMENTS_EXPERIMENTAL=1 to enable preview features.
-`));
-        process.exit(1);
-      }
-      const { initCloud } = await import("./init-cloud-3DNKPWFB.js");
-      await initCloud({
-        url: options.cloudUrl,
-        port: options.port ? Number(options.port) : void 0,
-        authOnly: options.authOnly,
-        skipCheck: options.skipCheck
-      });
-      return;
-    }
-    const { init } = await import("./init-SSGUSP7Z.js");
+    const { init } = await import("./init-2RGAY4W6.js");
     const result = await init({
       projectRoot: process.cwd(),
       force: options.force,
@@ -7128,20 +7273,20 @@ initCmd.action(async (options) => {
       govern: options.govern
     });
     if (!result.success) {
-      console.error(pc25.red("\nInit failed with errors:"));
+      console.error(pc26.red("\nInit failed with errors:"));
       for (const error of result.errors) {
-        console.error(pc25.red(`  - ${error}`));
+        console.error(pc26.red(`  - ${error}`));
       }
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 program.command("snapshot").description("Run visual snapshot tests per component variant").option("-p, --port <port>", "Port of running dev server (skips starting one)").option("--update", "Update existing snapshots instead of comparing").option("--component <name>", "Filter to a specific component").option("--spec <path>", "Path to snapshot spec file").option("--ci", "CI mode - exit 1 on mismatch").action(async (options) => {
   try {
-    const { snapshot } = await import("./snapshot-WIJMEIFT.js");
+    const { snapshot } = await import("./snapshot-B3SAW74Y.js");
     const result = await snapshot({
       port: options.port,
       update: options.update,
@@ -7153,14 +7298,14 @@ program.command("snapshot").description("Run visual snapshot tests per component
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 var tokensCmd = program.command("tokens").description("Design token discovery, listing, and generation");
 tokensCmd.command("list", { isDefault: true }).description("Discover and list design tokens from CSS/SCSS/DTCG 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-NZWFQIAB.js");
+    const { tokens } = await import("./tokens-64FG5FDP.js");
     const result = await tokens({
       config: options.config,
       json: options.json,
@@ -7173,13 +7318,13 @@ tokensCmd.command("list", { isDefault: true }).description("Discover and list de
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 tokensCmd.command("generate").description("Generate CSS, SCSS, Tailwind, or Figma output from a DTCG .tokens.json file").requiredOption("--from <path>", "Path to DTCG .tokens.json source file").requiredOption("--format <formats>", "Output formats (comma-separated: css, scss, tailwind, figma)").option("--out <dir>", "Output directory (default: same directory as source)").option("--prefix <prefix>", "Token name prefix").option("--selector <selector>", "CSS selector for custom properties (default: :root)").option("--verbose", "Verbose output").action(async (options) => {
   try {
-    const { tokensGenerate } = await import("./tokens-generate-5JQSJ27E.js");
+    const { tokensGenerate } = await import("./tokens-generate-CL4LBBQA.js");
     await tokensGenerate({
       from: options.from,
       format: options.format,
@@ -7189,27 +7334,13 @@ tokensCmd.command("generate").description("Generate CSS, SCSS, Tailwind, or Figm
       verbose: options.verbose
     });
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
-    process.exit(1);
-  }
-});
-tokensCmd.command("push").description("Push code tokens to Fragments Cloud for drift comparison").option("-c, --config <path>", "Path to fragments config file").option("--tailwind-v4 <path>", "Path to Tailwind v4 CSS file with @theme block").option("--dry-run", "Parse and display tokens without pushing").option("--verbose", "Show detailed output").action(async (options) => {
-  try {
-    const { tokensPush } = await import("./tokens-push-HY3KO36V.js");
-    await tokensPush({
-      config: options.config,
-      tailwindV4: options.tailwindV4,
-      dryRun: options.dryRun,
-      verbose: options.verbose
-    });
-  } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.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-PVOLUAAC.js");
+    const { generate } = await import("./generate-T47JZRVU.js");
     const result = await generate({
       projectRoot: process.cwd(),
       component,
@@ -7217,11 +7348,11 @@ program.command("generate").description("Generate fragment files from component
       componentPattern: options.pattern
     });
     if (!result.success) {
-      console.error(pc25.red("\nGenerate completed with errors"));
+      console.error(pc26.red("\nGenerate completed with errors"));
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -7229,7 +7360,7 @@ program.command("graph").description("Query the component relationship graph").a
   try {
     await graph(component, options);
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -7247,7 +7378,7 @@ program.command("inspect").description("Inspect a single component from compiled
     if (options.json) {
       console.log(JSON.stringify({ error: error instanceof Error ? error.message : "Inspect failed" }));
     } else {
-      console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -7266,7 +7397,7 @@ program.command("discover").description("List and filter components from compile
     if (options.json) {
       console.log(JSON.stringify({ error: error instanceof Error ? error.message : "Discover failed" }));
     } else {
-      console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+      console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     }
     process.exit(1);
   }
@@ -7285,14 +7416,14 @@ program.command("perf").description("Profile component bundle sizes and performa
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.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-64Z5BKBA.js");
+    const { runTestCommand, listTests } = await import("./test-PQDVDURE.js");
     if (options.list) {
       await listTests(config, configDir, {
         component: options.component,
@@ -7325,13 +7456,13 @@ program.command("test").description("Run interaction tests for fragments with pl
     });
     process.exit(exitCode);
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 program.command("doctor").description("Diagnose design system configuration issues").option("--root <dir>", "Project root directory", process.cwd()).option("--json", "Output results as JSON").option("--fix", "Auto-fix issues where possible").action(async (options) => {
   try {
-    const { doctor } = await import("./doctor-BDPMYYE6.js");
+    const { doctor } = await import("./doctor-7B5N4JYU.js");
     const result = await doctor({
       root: options.root,
       json: options.json,
@@ -7341,15 +7472,15 @@ program.command("doctor").description("Diagnose design system configuration issu
       process.exit(1);
     }
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 var governCmd = program.command("govern").description(EXPERIMENTAL ? "AI UI governance checks" : "AI UI governance checks (preview \u2014 set FRAGMENTS_EXPERIMENTAL=1)").hook("preAction", () => {
   if (!EXPERIMENTAL) {
-    console.log(pc25.yellow(`
+    console.log(pc26.yellow(`
   Fragments governance is not yet publicly available.`));
-    console.log(pc25.dim(`  Set FRAGMENTS_EXPERIMENTAL=1 to enable preview features.
+    console.log(pc26.dim(`  Set FRAGMENTS_EXPERIMENTAL=1 to enable preview features.
 `));
     process.exit(1);
   }
@@ -7364,7 +7495,7 @@ governCmd.command("check").description("Validate a UISpec against governance pol
     });
     process.exit(exitCode);
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -7372,7 +7503,7 @@ governCmd.command("init").description("Generate a fragments.config.ts with gover
   try {
     await governInit({ output: options.output });
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
@@ -7380,36 +7511,32 @@ governCmd.command("report").description("Summarize governance audit log").action
   try {
     await governReport();
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
-    process.exit(1);
-  }
-});
-governCmd.command("connect").description("Connect your project to the Fragments Govern cloud dashboard").action(async () => {
-  try {
-    await governConnect();
-  } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
-governCmd.command("scan").description("Scan JSX/TSX codebase for governance violations").option("-d, --dir <path>", "Root directory (default: auto-detect)").option("-c, --config <path>", "Path to govern.config.ts").option("-f, --format <format>", "Output format: summary, json, sarif", "summary").option("-q, --quiet", "Suppress non-error output").action(async (options) => {
+governCmd.command("scan").description("Scan JSX/TSX codebase for governance violations").option("-d, --dir <path>", "Root directory (default: auto-detect)").option("-c, --config <path>", "Path to govern.config.ts").option("-f, --format <format>", "Output format: summary, json, sarif", "summary").option("-r, --report <path>", "Write an aggregated machine-readable JSON report").option("-q, --quiet", "Suppress non-error output").option("--api-key <key>", "Fragments Cloud API key \u2014 report findings to Cloud").option("--cloud-url <url>", "Fragments Cloud URL (default: https://app.usefragments.com)").option("--diff [base]", "Only scan files changed vs a base ref (default: auto-detect merge base)").action(async (options) => {
   try {
-    const { governScan } = await import("./govern-scan-DW4QUAYD.js");
+    const { governScan } = await import("./govern-scan-X6UEIOSV.js");
     const { exitCode } = await governScan({
       dir: options.dir,
       config: options.config,
       format: options.format,
-      quiet: options.quiet
+      report: options.report,
+      quiet: options.quiet,
+      apiKey: options.apiKey ?? process.env.FRAGMENTS_API_KEY,
+      cloudUrl: options.cloudUrl ?? process.env.FRAGMENTS_CLOUD_URL,
+      diff: options.diff
     });
     process.exit(exitCode);
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });
 governCmd.command("watch").description("Watch JSX/TSX files and re-check on changes").option("-d, --dir <path>", "Root directory (default: auto-detect)").option("-c, --config <path>", "Path to govern.config.ts").option("-q, --quiet", "Suppress non-error output").option("--debounce <ms>", "Debounce interval in ms", "300").action(async (options) => {
   try {
-    const { governWatch } = await import("./govern-scan-DW4QUAYD.js");
+    const { governWatch } = await import("./govern-scan-X6UEIOSV.js");
     await governWatch({
       dir: options.dir,
       config: options.config,
@@ -7417,22 +7544,7 @@ governCmd.command("watch").description("Watch JSX/TSX files and re-check on chan
       debounce: parseInt(options.debounce, 10)
     });
   } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
-    process.exit(1);
-  }
-});
-governCmd.command("push-contracts").description("Push component contracts to Fragments Cloud").option("-i, --input <path>", "Path to fragments.json (default: ./fragments.json)").option("--url <url>", "Fragments Cloud URL").option("--api-key <key>", "API key (default: FRAGMENTS_API_KEY env var)").option("-q, --quiet", "Suppress non-error output").action(async (options) => {
-  try {
-    const { pushContracts } = await import("./push-contracts-WY32TFP6.js");
-    const { exitCode } = await pushContracts({
-      input: options.input,
-      url: options.url,
-      apiKey: options.apiKey,
-      quiet: options.quiet
-    });
-    process.exit(exitCode);
-  } catch (error) {
-    console.error(pc25.red("Error:"), error instanceof Error ? error.message : error);
+    console.error(pc26.red("Error:"), error instanceof Error ? error.message : error);
     process.exit(1);
   }
 });