@getcoherent/cli 0.6.12 → 0.6.14

package/dist/index.js

@@ -1,3 +1,21 @@
+import {
+  createAIProvider
+} from "./chunk-25JRF5MA.js";
+import {
+  autoFixCode,
+  checkDesignConsistency,
+  formatIssues,
+  validatePageQuality,
+  verifyIncrementalEdit
+} from "./chunk-N6H73ROO.js";
+import {
+  generateArchitecturePlan,
+  getPageGroup,
+  getPageType,
+  loadPlan,
+  routeToKey,
+  savePlan
+} from "./chunk-WRDWFCQJ.js";
 import {
   CORE_CONSTRAINTS,
   DESIGN_QUALITY,
@@ -5,16 +23,10 @@ import {
   DESIGN_THINKING,
   INTERACTION_PATTERNS,
   VISUAL_DEPTH,
-  generateArchitecturePlan,
   getDesignQualityForType,
-  getPageGroup,
-  getPageType,
   inferPageTypeFromRoute,
-  loadPlan,
-  routeToKey,
-  savePlan,
   selectContextualRules
-} from "./chunk-CLPILU3Z.js";
+} from "./chunk-5AHG4NNX.js";
 import {
   __require
 } from "./chunk-3RG5ZIWI.js";
@@ -2454,9 +2466,17 @@ function buildSharedComponentsListForClaude(manifest) {
   if (!manifest.shared || manifest.shared.length === 0) {
     return "No shared components yet. Register with: coherent components shared add <name> --type layout|section|widget";
   }
-  const order = { layout: 0, section: 1, widget: 2 };
+  const order = {
+    layout: 0,
+    navigation: 1,
+    "data-display": 2,
+    form: 3,
+    feedback: 4,
+    section: 5,
+    widget: 6
+  };
   const sorted = [...manifest.shared].sort(
-    (a, b) => order[a.type] - order[b.type] || a.name.localeCompare(b.name)
+    (a, b) => (order[a.type] ?? 9) - (order[b.type] ?? 9) || a.name.localeCompare(b.name)
   );
   return sorted.map((e) => {
     const used = e.usedIn.length === 0 ? "\u2014" : e.usedIn.length === 1 && e.usedIn[0] === "app/layout.tsx" ? "layout" : e.usedIn.length + " files";
@@ -2941,14 +2961,29 @@ function buildSharedComponentsList(manifest) {
 When you create reusable blocks (headers, footers, repeated sections),
 register them: coherent components shared add <Name> --type layout|section|widget`;
   }
-  const order = { layout: 0, section: 1, widget: 2 };
+  const typeOrder = {
+    layout: 0,
+    navigation: 1,
+    "data-display": 2,
+    form: 3,
+    feedback: 4,
+    section: 5,
+    widget: 6
+  };
   const sorted = [...manifest.shared].sort(
-    (a, b) => order[a.type] - order[b.type] || a.name.localeCompare(b.name)
+    (a, b) => (typeOrder[a.type] ?? 9) - (typeOrder[b.type] ?? 9) || a.name.localeCompare(b.name)
   );
   const lines = sorted.map((entry) => {
     const usedIn = entry.usedIn.length === 0 ? "(not used yet)" : entry.usedIn.length === 1 && entry.usedIn[0] === "app/layout.tsx" ? "app/layout.tsx (all pages)" : entry.usedIn.join(", ");
-    return `- ${entry.id} ${entry.name} (${entry.type}) \u2014 ${entry.file}
-  Used in: ${usedIn}`;
+    const importPath = entry.file.replace(/^components\/shared\//, "").replace(/\.tsx$/, "");
+    const parts = [
+      `- ${entry.id} ${entry.name} (${entry.type})${entry.description ? ` \u2014 ${entry.description}` : ""}`,
+      `  Import: import { ${entry.name} } from '@/components/shared/${importPath}'`
+    ];
+    if (entry.propsInterface) parts.push(`  Props: ${entry.propsInterface}`);
+    if (entry.usageExample) parts.push(`  Usage: ${entry.usageExample}`);
+    parts.push(`  Used in: ${usedIn}`);
+    return parts.join("\n");
   });
   return `Currently registered shared components:
 
@@ -3811,7 +3846,7 @@ async function createAppRouteGroupLayout(projectPath) {
 }
 
 // src/commands/chat.ts
-import chalk14 from "chalk";
+import chalk13 from "chalk";
 import ora2 from "ora";
 import { resolve as resolve10, relative as relative2, join as join11 } from "path";
 import { existsSync as existsSync17, readFileSync as readFileSync12, mkdirSync as mkdirSync6, readdirSync as readdirSync4 } from "fs";
@@ -3822,129 +3857,12 @@ import {
   CLI_VERSION as CLI_VERSION2,
   getTemplateForPageType as getTemplateForPageType2,
   loadManifest as loadManifest8,
-  saveManifest as saveManifest2
+  saveManifest as saveManifest2,
+  updateEntry
 } from "@getcoherent/core";
 
 // src/agents/modifier.ts
-import chalk6 from "chalk";
-
-// src/utils/ai-provider.ts
 import chalk5 from "chalk";
-function detectAIProvider() {
-  if (process.env.OPENAI_API_KEY || process.env.CURSOR_OPENAI_API_KEY) {
-    return "openai";
-  }
-  if (process.env.ANTHROPIC_API_KEY) {
-    return "claude";
-  }
-  return "claude";
-}
-function hasAnyAPIKey() {
-  return !!(process.env.ANTHROPIC_API_KEY || process.env.OPENAI_API_KEY || process.env.CURSOR_OPENAI_API_KEY || process.env.GITHUB_COPILOT_OPENAI_API_KEY);
-}
-function getAPIKey(provider) {
-  switch (provider) {
-    case "openai":
-      return process.env.OPENAI_API_KEY || process.env.CURSOR_OPENAI_API_KEY || process.env.GITHUB_COPILOT_OPENAI_API_KEY;
-    case "claude":
-      return process.env.ANTHROPIC_API_KEY;
-    case "auto":
-      const detected = detectAIProvider();
-      return getAPIKey(detected);
-    default:
-      return void 0;
-  }
-}
-function showAPIKeyHelp() {
-  console.log(chalk5.red("\n\u274C No API key found\n"));
-  console.log("To use Coherent, you need an AI provider API key.\n");
-  console.log(chalk5.cyan("\u250C\u2500 Quick Setup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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(chalk5.cyan("\u2502                                                    \u2502"));
-  console.log(chalk5.cyan("\u2502  Option 1: Claude (Anthropic)                     \u2502"));
-  console.log(chalk5.gray("\u2502  Get key: https://console.anthropic.com/          \u2502"));
-  console.log(chalk5.cyan("\u2502                                                    \u2502"));
-  console.log(chalk5.cyan("\u2502  Copy and run this command:                       \u2502"));
-  console.log(chalk5.cyan("\u2502  \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\u2510 \u2502"));
-  console.log(chalk5.white('\u2502  \u2502 echo "ANTHROPIC_API_KEY=sk-..." > .env       \u2502 \u2502'));
-  console.log(chalk5.cyan("\u2502  \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\u2518 \u2502"));
-  console.log(chalk5.cyan("\u2502                                                    \u2502"));
-  console.log(chalk5.cyan("\u2502  Option 2: OpenAI (ChatGPT)                       \u2502"));
-  console.log(chalk5.gray("\u2502  Get key: https://platform.openai.com/            \u2502"));
-  console.log(chalk5.cyan("\u2502                                                    \u2502"));
-  console.log(chalk5.cyan("\u2502  Copy and run this command:                       \u2502"));
-  console.log(chalk5.cyan("\u2502  \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\u2510 \u2502"));
-  console.log(chalk5.white('\u2502  \u2502 echo "OPENAI_API_KEY=sk-..." > .env          \u2502 \u2502'));
-  console.log(chalk5.cyan("\u2502  \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\u2518 \u2502"));
-  console.log(chalk5.cyan("\u2502                                                    \u2502"));
-  console.log(chalk5.cyan("\u2502  Then run: coherent init                          \u2502"));
-  console.log(chalk5.cyan("\u2502                                                    \u2502"));
-  console.log(chalk5.cyan("\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\u2518\n"));
-  console.log(chalk5.gray("Note: If using Cursor, your CURSOR_OPENAI_API_KEY"));
-  console.log(chalk5.gray("will be detected automatically.\n"));
-}
-async function createAIProvider(preferredProvider = "auto", config2) {
-  if (!hasAnyAPIKey() && !config2?.apiKey) {
-    showAPIKeyHelp();
-    throw new Error("API key required");
-  }
-  if (preferredProvider !== "auto") {
-    const apiKey2 = config2?.apiKey || getAPIKey(preferredProvider);
-    if (!apiKey2) {
-      const providerName = preferredProvider === "openai" ? "OpenAI" : "Anthropic Claude";
-      const envVar = preferredProvider === "openai" ? "OPENAI_API_KEY" : "ANTHROPIC_API_KEY";
-      showAPIKeyHelp();
-      throw new Error(`${providerName} API key not found.
-Please set ${envVar} in your environment or .env file.`);
-    }
-    if (preferredProvider === "openai") {
-      try {
-        const { OpenAIClient } = await import("./openai-provider-XUI7ZHUR.js");
-        return await OpenAIClient.create(apiKey2, config2?.model);
-      } catch (error) {
-        if (error.message?.includes("not installed")) {
-          throw error;
-        }
-        throw new Error(
-          `OpenAI provider requires "openai" package. Install it with:
-  npm install openai
-Or use Claude provider instead.
-Error: ${error.message}`
-        );
-      }
-    } else {
-      const { ClaudeClient } = await import("./claude-BZ3HSBD3.js");
-      return ClaudeClient.create(apiKey2, config2?.model);
-    }
-  }
-  const provider = detectAIProvider();
-  const apiKey = config2?.apiKey || getAPIKey(provider);
-  if (!apiKey) {
-    showAPIKeyHelp();
-    throw new Error("API key required");
-  }
-  switch (provider) {
-    case "openai":
-      try {
-        const { OpenAIClient } = await import("./openai-provider-XUI7ZHUR.js");
-        return await OpenAIClient.create(apiKey, config2?.model);
-      } catch (error) {
-        if (error.message?.includes("not installed")) {
-          throw error;
-        }
-        throw new Error(
-          `OpenAI provider requires "openai" package. Install it with:
-  npm install openai
-Or use Claude provider instead.
-Error: ${error.message}`
-        );
-      }
-    case "claude":
-      const { ClaudeClient } = await import("./claude-BZ3HSBD3.js");
-      return ClaudeClient.create(apiKey, config2?.model);
-    default:
-      throw new Error(`Unsupported AI provider: ${provider}`);
-  }
-}
 
 // src/agents/page-templates.ts
 var PAGE_TEMPLATES = {
@@ -4246,13 +4164,14 @@ async function parseModification(message, context, provider = "auto", options) {
       enhancedMessage = expandPageRequest(pageName, message);
       if (enhancedMessage !== message) {
         isExpandedPageRequest = true;
-        console.log(chalk6.cyan("\u{1F4A1} Expanding request with best practices..."));
+        console.log(chalk5.cyan("\u{1F4A1} Expanding request with best practices..."));
       }
     }
   }
   const prompt = buildModificationPrompt(enhancedMessage, context.config, componentRegistry, {
     isExpandedPageRequest,
-    sharedComponentsSummary: options?.sharedComponentsSummary
+    sharedComponentsSummary: options?.sharedComponentsSummary,
+    tieredComponentsPrompt: options?.tieredComponentsPrompt
   });
   const raw = await ai.parseModification(prompt);
   const requestsArray = Array.isArray(raw) ? raw : raw?.requests ?? [];
@@ -4318,7 +4237,14 @@ Rules:
 function buildModificationPrompt(message, config2, componentRegistry, options) {
   const now = (/* @__PURE__ */ new Date()).toISOString();
   const expandedHint = options?.isExpandedPageRequest === true ? "\nIMPORTANT: The user request has been expanded with best practices. Use ALL the details provided when generating sections and content.\n\n" : "";
-  const sharedSection = options?.sharedComponentsSummary ? `
+  const sharedSection = options?.tieredComponentsPrompt ? `
+
+## SHARED COMPONENTS (MANDATORY REUSE)
+
+${options.tieredComponentsPrompt}
+
+For editing an existing shared component use type "modify-layout-block" with target "CID-XXX" or name.
+` : options?.sharedComponentsSummary ? `
 
 ## SHARED COMPONENTS (MANDATORY REUSE)
 
@@ -4594,8 +4520,10 @@ Return valid JSON only, no markdown code fence. Use this shape:
 { "requests": [ ... array of ModificationRequest ... ], "uxRecommendations": "optional markdown or omit key" }
 Legacy: returning only a JSON array of requests is still accepted.`;
 }
-function buildLightweightPagePrompt(pageName, route, styleContext, sharedComponentsSummary, pageType) {
+function buildLightweightPagePrompt(pageName, route, styleContext, sharedComponentsSummary, pageType, tieredComponentsPrompt) {
   const designConstraints = pageType ? getDesignQualityForType(pageType) : "";
+  const sharedNote = tieredComponentsPrompt || (sharedComponentsSummary ? `Available shared components:
+${sharedComponentsSummary}` : "");
   return [
     `Generate complete pageCode for a page called "${pageName}" at route "${route}".`,
     `Output valid TSX with a default export React component.`,
@@ -4604,8 +4532,7 @@ function buildLightweightPagePrompt(pageName, route, styleContext, sharedCompone
     designConstraints,
     styleContext ? `Follow this style context:
 ${styleContext}` : "",
-    sharedComponentsSummary ? `Available shared components:
-${sharedComponentsSummary}` : ""
+    sharedNote
   ].filter(Boolean).join("\n\n");
 }
 async function checkComponentReuse(requests, componentManager) {
@@ -4805,7 +4732,7 @@ import { appendFile } from "fs/promises";
 // src/utils/backup.ts
 import { existsSync as existsSync11, mkdirSync as mkdirSync4, readFileSync as readFileSync6, writeFileSync as writeFileSync6, readdirSync, rmSync as rmSync2, statSync } from "fs";
 import { join as join9, relative, dirname as dirname4 } from "path";
-import chalk7 from "chalk";
+import chalk6 from "chalk";
 var DEBUG = process.env.COHERENT_DEBUG === "1";
 var BACKUP_DIR = ".coherent/backups";
 var MAX_BACKUPS = 5;
@@ -4952,7 +4879,7 @@ function restoreDirectory(currentDir, backupRoot, projectRoot) {
 function logBackupCreated(backupPath) {
   if (backupPath) {
     const name = backupPath.split("/").pop();
-    console.log(chalk7.dim(`  \u{1F4BE} Backup saved: .coherent/backups/${name}`));
+    console.log(chalk6.dim(`  \u{1F4BE} Backup saved: .coherent/backups/${name}`));
   }
 }
 
@@ -5028,1248 +4955,11 @@ function fixGlobalsCss(projectRoot, config2) {
   writeFileSync7(layoutPath, layoutContent, "utf-8");
 }
 
-// src/utils/component-rules.ts
-function extractJsxElementProps(code, openTagStart) {
-  let i = openTagStart;
-  if (code[i] !== "<") return null;
-  i++;
-  let braceDepth = 0;
-  let inSingleQuote = false;
-  let inDoubleQuote = false;
-  let inTemplateLiteral = false;
-  let escaped = false;
-  while (i < code.length) {
-    const ch = code[i];
-    if (escaped) {
-      escaped = false;
-      i++;
-      continue;
-    }
-    if (ch === "\\" && (inSingleQuote || inDoubleQuote || inTemplateLiteral)) {
-      escaped = true;
-      i++;
-      continue;
-    }
-    if (!inDoubleQuote && !inTemplateLiteral && ch === "'" && braceDepth > 0) {
-      inSingleQuote = !inSingleQuote;
-    } else if (!inSingleQuote && !inTemplateLiteral && ch === '"') {
-      inDoubleQuote = !inDoubleQuote;
-    } else if (!inSingleQuote && !inDoubleQuote && ch === "`") {
-      inTemplateLiteral = !inTemplateLiteral;
-    }
-    if (!inSingleQuote && !inDoubleQuote && !inTemplateLiteral) {
-      if (ch === "{") braceDepth++;
-      else if (ch === "}") braceDepth--;
-      else if (ch === ">" && braceDepth === 0) {
-        return code.slice(openTagStart, i + 1);
-      }
-    }
-    i++;
-  }
-  return null;
-}
-var NAV_STYLE_SIGNAL = /text-muted-foreground/;
-var buttonMissingGhostVariant = {
-  id: "button-missing-ghost-variant",
-  component: "Button",
-  detect(code) {
-    const issues = [];
-    const buttonRe = /<Button\s/g;
-    let match;
-    while ((match = buttonRe.exec(code)) !== null) {
-      const props = extractJsxElementProps(code, match.index);
-      if (!props) continue;
-      if (/\bvariant\s*=/.test(props)) continue;
-      if (!NAV_STYLE_SIGNAL.test(props)) continue;
-      const line = code.slice(0, match.index).split("\n").length;
-      issues.push({
-        line,
-        type: "BUTTON_MISSING_VARIANT",
-        message: '<Button> with navigation-style classes (text-muted-foreground) but no variant \u2014 add variant="ghost"',
-        severity: "error"
-      });
-    }
-    return issues;
-  },
-  fix(code) {
-    let result = code;
-    let applied = false;
-    const buttonRe = /<Button\s/g;
-    let match;
-    let offset = 0;
-    while ((match = buttonRe.exec(code)) !== null) {
-      const adjustedIndex = match.index + offset;
-      const props = extractJsxElementProps(result, adjustedIndex);
-      if (!props) continue;
-      if (/\bvariant\s*=/.test(props)) continue;
-      if (!NAV_STYLE_SIGNAL.test(props)) continue;
-      const insertPos = adjustedIndex + "<Button".length;
-      const insertion = "\n" + getIndent(result, adjustedIndex) + '  variant="ghost"';
-      result = result.slice(0, insertPos) + insertion + result.slice(insertPos);
-      offset += insertion.length;
-      applied = true;
-    }
-    return {
-      code: result,
-      applied,
-      description: 'added variant="ghost" to Button with nav-style classes'
-    };
-  }
-};
-function getIndent(code, pos) {
-  const lineStart = code.lastIndexOf("\n", pos);
-  const lineContent = code.slice(lineStart + 1, pos);
-  const indentMatch = lineContent.match(/^(\s*)/);
-  return indentMatch ? indentMatch[1] : "";
-}
-var buttonWFullGhostJustify = {
-  id: "button-w-full-ghost-justify",
-  component: "Button",
-  detect(code) {
-    const issues = [];
-    const buttonRe = /<Button\s/g;
-    let match;
-    while ((match = buttonRe.exec(code)) !== null) {
-      const props = extractJsxElementProps(code, match.index);
-      if (!props) continue;
-      const hasGhost = /variant\s*=\s*["']ghost["']/.test(props);
-      const hasWFull = /w-full/.test(props);
-      const hasJustifyStart = /justify-start/.test(props);
-      if (hasGhost && hasWFull && !hasJustifyStart) {
-        issues.push({
-          line: 0,
-          type: "button-w-full-ghost-justify",
-          severity: "warning",
-          message: 'Button with w-full and variant="ghost" should include justify-start for proper text alignment'
-        });
-      }
-    }
-    return issues;
-  },
-  fix(code) {
-    let applied = false;
-    const result = code.replace(
-      /(<Button\s[^>]*variant\s*=\s*["']ghost["'][^>]*className\s*=\s*["'][^"']*)(w-full)([^"']*["'])/g,
-      (full, before, wFull, after) => {
-        if (full.includes("justify-start")) return full;
-        applied = true;
-        return `${before}${wFull} justify-start${after}`;
-      }
-    );
-    return {
-      code: result,
-      applied,
-      description: "Added justify-start to ghost Button with w-full"
-    };
-  }
-};
-var rules = [buttonMissingGhostVariant, buttonWFullGhostJustify];
-function detectComponentIssues(code) {
-  const issues = [];
-  for (const rule of rules) {
-    issues.push(...rule.detect(code));
-  }
-  return issues;
-}
-function applyComponentRules(code) {
-  const fixes = [];
-  let result = code;
-  for (const rule of rules) {
-    const { code: fixed, applied, description } = rule.fix(result);
-    if (applied) {
-      result = fixed;
-      fixes.push(description);
-    }
-  }
-  return { code: result, fixes };
-}
-
-// src/utils/quality-validator.ts
-var RAW_COLOR_RE = /(?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?(?:bg|text|border|ring|outline|from|to|via)-(gray|blue|red|green|yellow|purple|pink|indigo|orange|slate|zinc|stone|neutral|emerald|teal|cyan|sky|violet|fuchsia|rose|amber|lime)-\d+/g;
-var HEX_IN_CLASS_RE = /className="[^"]*#[0-9a-fA-F]{3,8}[^"]*"/g;
-var TEXT_BASE_RE = /\btext-base\b/g;
-var HEAVY_SHADOW_RE = /\bshadow-(md|lg|xl|2xl)\b/g;
-var SM_BREAKPOINT_RE = /\bsm:/g;
-var XL_BREAKPOINT_RE = /\bxl:/g;
-var XXL_BREAKPOINT_RE = /\b2xl:/g;
-var LARGE_CARD_TITLE_RE = /CardTitle[^>]*className="[^"]*text-(lg|xl|2xl)/g;
-var RAW_BUTTON_RE = /<button\b/g;
-var RAW_INPUT_RE = /<input\b/g;
-var RAW_SELECT_RE = /<select\b/g;
-var NATIVE_CHECKBOX_RE = /<input[^>]*type\s*=\s*["']checkbox["']/g;
-var NATIVE_TABLE_RE = /<table\b/g;
-var PLACEHOLDER_PATTERNS = [
-  />\s*Lorem ipsum\b/i,
-  />\s*Card content\s*</i,
-  />\s*Your (?:text|content) here\s*</i,
-  />\s*Description\s*</,
-  />\s*Title\s*</,
-  /placeholder\s*text/i
-];
-var GENERIC_BUTTON_LABELS = />\s*(Submit|OK|Click here|Press here|Go)\s*</i;
-var IMG_WITHOUT_ALT_RE = /<img\b(?![^>]*\balt\s*=)[^>]*>/g;
-var INPUT_TAG_RE = /<(?:Input|input)\b[^>]*>/g;
-var LABEL_FOR_RE = /<Label\b[^>]*htmlFor\s*=/;
-function isInsideCommentOrString(line, matchIndex) {
-  const commentIdx = line.indexOf("//");
-  if (commentIdx !== -1 && commentIdx < matchIndex) return true;
-  let inSingle = false;
-  let inDouble = false;
-  let inTemplate = false;
-  for (let i = 0; i < matchIndex; i++) {
-    const ch = line[i];
-    const prev = i > 0 ? line[i - 1] : "";
-    if (prev === "\\") continue;
-    if (ch === "'" && !inDouble && !inTemplate) inSingle = !inSingle;
-    if (ch === '"' && !inSingle && !inTemplate) inDouble = !inDouble;
-    if (ch === "`" && !inSingle && !inDouble) inTemplate = !inTemplate;
-  }
-  return inSingle || inDouble || inTemplate;
-}
-function checkLines(code, pattern, type, message, severity, skipCommentsAndStrings = false) {
-  const issues = [];
-  const lines = code.split("\n");
-  let inBlockComment = false;
-  for (let i = 0; i < lines.length; i++) {
-    const line = lines[i];
-    if (skipCommentsAndStrings) {
-      if (inBlockComment) {
-        const endIdx = line.indexOf("*/");
-        if (endIdx !== -1) {
-          inBlockComment = false;
-        }
-        continue;
-      }
-      const blockStart = line.indexOf("/*");
-      if (blockStart !== -1 && !line.includes("*/")) {
-        inBlockComment = true;
-        continue;
-      }
-      let m;
-      pattern.lastIndex = 0;
-      while ((m = pattern.exec(line)) !== null) {
-        if (!isInsideCommentOrString(line, m.index)) {
-          issues.push({ line: i + 1, type, message, severity });
-          break;
-        }
-      }
-    } else {
-      pattern.lastIndex = 0;
-      if (pattern.test(line)) {
-        issues.push({ line: i + 1, type, message, severity });
-      }
-    }
-  }
-  return issues;
-}
-function validatePageQuality(code, validRoutes, pageType) {
-  const issues = [];
-  const allLines = code.split("\n");
-  const isTerminalContext = (lineNum) => {
-    const start = Math.max(0, lineNum - 20);
-    const nearby = allLines.slice(start, lineNum).join(" ");
-    if (/font-mono/.test(allLines[lineNum - 1] || "")) return true;
-    if (/bg-zinc-950|bg-zinc-900/.test(nearby) && /font-mono/.test(nearby)) return true;
-    return false;
-  };
-  issues.push(
-    ...checkLines(
-      code,
-      RAW_COLOR_RE,
-      "RAW_COLOR",
-      "Raw Tailwind color detected \u2014 use semantic tokens (bg-primary, text-muted-foreground, etc.)",
-      "error"
-    ).filter((issue) => !isTerminalContext(issue.line))
-  );
-  issues.push(
-    ...checkLines(
-      code,
-      HEX_IN_CLASS_RE,
-      "HEX_IN_CLASS",
-      "Hex color in className \u2014 use CSS variables via semantic tokens",
-      "error"
-    )
-  );
-  issues.push(
-    ...checkLines(code, TEXT_BASE_RE, "TEXT_BASE", "text-base detected \u2014 use text-sm as base font size", "warning")
-  );
-  issues.push(
-    ...checkLines(code, HEAVY_SHADOW_RE, "HEAVY_SHADOW", "Heavy shadow detected \u2014 use shadow-sm or none", "warning")
-  );
-  issues.push(
-    ...checkLines(
-      code,
-      SM_BREAKPOINT_RE,
-      "SM_BREAKPOINT",
-      "sm: breakpoint \u2014 consider if md:/lg: is sufficient",
-      "info"
-    )
-  );
-  issues.push(
-    ...checkLines(
-      code,
-      XL_BREAKPOINT_RE,
-      "XL_BREAKPOINT",
-      "xl: breakpoint \u2014 consider if md:/lg: is sufficient",
-      "info"
-    )
-  );
-  issues.push(
-    ...checkLines(
-      code,
-      XXL_BREAKPOINT_RE,
-      "XXL_BREAKPOINT",
-      "2xl: breakpoint \u2014 rarely needed, consider xl: instead",
-      "warning"
-    )
-  );
-  issues.push(
-    ...checkLines(
-      code,
-      LARGE_CARD_TITLE_RE,
-      "LARGE_CARD_TITLE",
-      "Large text on CardTitle \u2014 use text-sm font-medium",
-      "warning"
-    )
-  );
-  const codeLines = code.split("\n");
-  issues.push(
-    ...checkLines(
-      code,
-      RAW_BUTTON_RE,
-      "NATIVE_BUTTON",
-      "Native <button> \u2014 use Button from @/components/ui/button",
-      "error",
-      true
-    ).filter((issue) => {
-      const nearby = codeLines.slice(Math.max(0, issue.line - 1), issue.line + 5).join(" ");
-      if (nearby.includes("aria-label")) return false;
-      if (/onClick=\{.*copy/i.test(nearby)) return false;
-      return true;
-    })
-  );
-  issues.push(
-    ...checkLines(
-      code,
-      RAW_SELECT_RE,
-      "NATIVE_SELECT",
-      "Native <select> \u2014 use Select from @/components/ui/select",
-      "error",
-      true
-    )
-  );
-  issues.push(
-    ...checkLines(
-      code,
-      NATIVE_CHECKBOX_RE,
-      "NATIVE_CHECKBOX",
-      'Native <input type="checkbox"> \u2014 use Switch or Checkbox from @/components/ui/switch or @/components/ui/checkbox',
-      "error",
-      true
-    )
-  );
-  issues.push(
-    ...checkLines(
-      code,
-      NATIVE_TABLE_RE,
-      "NATIVE_TABLE",
-      "Native <table> \u2014 use Table, TableHeader, TableBody, etc. from @/components/ui/table",
-      "warning",
-      true
-    )
-  );
-  const hasInputImport = /import\s.*Input.*from\s+['"]@\/components\/ui\//.test(code);
-  if (!hasInputImport) {
-    issues.push(
-      ...checkLines(
-        code,
-        RAW_INPUT_RE,
-        "RAW_INPUT",
-        "Raw <input> element \u2014 import and use Input from @/components/ui/input",
-        "warning",
-        true
-      )
-    );
-  }
-  for (const pattern of PLACEHOLDER_PATTERNS) {
-    const lines = code.split("\n");
-    for (let i = 0; i < lines.length; i++) {
-      if (pattern.test(lines[i])) {
-        issues.push({
-          line: i + 1,
-          type: "PLACEHOLDER",
-          message: "Placeholder content detected \u2014 use real contextual content",
-          severity: "error"
-        });
-      }
-    }
-  }
-  const hasGrid = /\bgrid\b/.test(code);
-  const hasResponsive = /\bmd:|lg:/.test(code);
-  if (hasGrid && !hasResponsive) {
-    issues.push({
-      line: 0,
-      type: "NO_RESPONSIVE",
-      message: "Grid layout without responsive breakpoints (md: or lg:)",
-      severity: "warning"
-    });
-  }
-  issues.push(
-    ...checkLines(
-      code,
-      IMG_WITHOUT_ALT_RE,
-      "MISSING_ALT",
-      '<img> without alt attribute \u2014 add descriptive alt or alt="" for decorative images',
-      "error"
-    )
-  );
-  issues.push(
-    ...checkLines(
-      code,
-      GENERIC_BUTTON_LABELS,
-      "GENERIC_BUTTON_TEXT",
-      'Generic button text \u2014 use specific verb ("Save changes", "Delete account")',
-      "warning"
-    )
-  );
-  if (pageType !== "auth") {
-    const h1Matches = code.match(/<h1[\s>]/g);
-    if (!h1Matches || h1Matches.length === 0) {
-      issues.push({
-        line: 0,
-        type: "NO_H1",
-        message: "Page has no <h1> \u2014 every page should have exactly one h1 heading",
-        severity: "warning"
-      });
-    } else if (h1Matches.length > 1) {
-      issues.push({
-        line: 0,
-        type: "MULTIPLE_H1",
-        message: `Page has ${h1Matches.length} <h1> elements \u2014 use exactly one per page`,
-        severity: "warning"
-      });
-    }
-  }
-  const headingLevels = [...code.matchAll(/<h([1-6])[\s>]/g)].map((m) => parseInt(m[1]));
-  const hasCardContext = /\bCard\b|\bCardTitle\b|\bCardHeader\b/.test(code);
-  for (let i = 1; i < headingLevels.length; i++) {
-    if (headingLevels[i] > headingLevels[i - 1] + 1) {
-      issues.push({
-        line: 0,
-        type: "SKIPPED_HEADING",
-        message: `Heading level skipped: h${headingLevels[i - 1]} \u2192 h${headingLevels[i]} \u2014 don't skip levels`,
-        severity: hasCardContext ? "info" : "warning"
-      });
-      break;
-    }
-  }
-  const hasLabelImport = /import\s.*Label.*from\s+['"]@\/components\/ui\//.test(code);
-  const inputCount = (code.match(INPUT_TAG_RE) || []).length;
-  const labelForCount = (code.match(LABEL_FOR_RE) || []).length;
-  if (hasLabelImport && inputCount > 0 && labelForCount === 0) {
-    issues.push({
-      line: 0,
-      type: "MISSING_LABEL",
-      message: "Inputs found but no Label with htmlFor \u2014 every input must have a visible label",
-      severity: "error"
-    });
-  }
-  if (!hasLabelImport && inputCount > 0 && !/<label\b/i.test(code)) {
-    issues.push({
-      line: 0,
-      type: "MISSING_LABEL",
-      message: "Inputs found but no Label component \u2014 import Label and add htmlFor on each input",
-      severity: "error"
-    });
-  }
-  const hasPlaceholder = /placeholder\s*=/.test(code);
-  if (hasPlaceholder && inputCount > 0 && labelForCount === 0 && !/<label\b/i.test(code) && !/<Label\b/.test(code)) {
-    issues.push({
-      line: 0,
-      type: "PLACEHOLDER_ONLY_LABEL",
-      message: "Inputs use placeholder only \u2014 add visible Label with htmlFor (placeholder is not a substitute)",
-      severity: "error"
-    });
-  }
-  const hasInteractive = /<Button\b|<button\b|<a\b/.test(code);
-  const hasFocusVisible = /focus-visible:/.test(code);
-  const usesShadcnButton = /import\s.*Button.*from\s+['"]@\/components\/ui\//.test(code);
-  if (hasInteractive && !hasFocusVisible && !usesShadcnButton) {
-    issues.push({
-      line: 0,
-      type: "MISSING_FOCUS_VISIBLE",
-      message: "Interactive elements without focus-visible styles \u2014 add focus-visible:ring-2 focus-visible:ring-ring",
-      severity: "info"
-    });
-  }
-  const hasTableOrList = /<Table\b|<table\b|\.map\s*\(|<ul\b|<ol\b/.test(code);
-  const hasEmptyCheck = /\.length\s*[=!]==?\s*0|\.length\s*>\s*0|\.length\s*<\s*1|No\s+\w+\s+found|empty|no results|EmptyState|empty state/i.test(
-    code
-  );
-  if (hasTableOrList && !hasEmptyCheck) {
-    issues.push({
-      line: 0,
-      type: "NO_EMPTY_STATE",
-      message: "List/table/grid without empty state handling \u2014 add friendly message + primary action",
-      severity: "warning"
-    });
-  }
-  const hasDataFetching = /fetch\s*\(|useQuery|useSWR|useEffect\s*\([^)]*fetch|getData|loadData/i.test(code);
-  const hasLoadingPattern = /skeleton|Skeleton|spinner|Spinner|isLoading|loading|Loading/.test(code);
-  if (hasDataFetching && !hasLoadingPattern) {
-    issues.push({
-      line: 0,
-      type: "NO_LOADING_STATE",
-      message: "Page with data fetching but no loading/skeleton pattern \u2014 add skeleton or spinner",
-      severity: "warning"
-    });
-  }
-  const hasGenericError = /Something went wrong|"Error"|'Error'|>Error<\//.test(code) || /error\.message\s*\|\|\s*["']Error["']/.test(code);
-  if (hasGenericError) {
-    issues.push({
-      line: 0,
-      type: "EMPTY_ERROR_MESSAGE",
-      message: "Generic error message detected \u2014 use what happened + why + what to do next",
-      severity: "warning"
-    });
-  }
-  const hasDestructive = /variant\s*=\s*["']destructive["']|Delete|Remove/.test(code);
-  const hasConfirm = /AlertDialog|Dialog.*confirm|confirm\s*\(|onConfirm|are you sure/i.test(code);
-  if (hasDestructive && !hasConfirm) {
-    issues.push({
-      line: 0,
-      type: "DESTRUCTIVE_NO_CONFIRM",
-      message: "Destructive action without confirmation dialog \u2014 add confirm before execution",
-      severity: "warning"
-    });
-  }
-  const hasFormSubmit = /<form\b|onSubmit|type\s*=\s*["']submit["']/.test(code);
-  const hasFeedback = /toast|success|error|Saved|Saving|saving|setError|setSuccess/i.test(code);
-  if (hasFormSubmit && !hasFeedback) {
-    issues.push({
-      line: 0,
-      type: "FORM_NO_FEEDBACK",
-      message: 'Form with submit but no success/error feedback pattern \u2014 add "Saving..." then "Saved" or error',
-      severity: "info"
-    });
-  }
-  const hasNav = /<nav\b|NavLink|navigation|sidebar.*link|Sidebar.*link/i.test(code);
-  const hasActiveState = /pathname|active|current|aria-current|data-active/.test(code);
-  if (hasNav && !hasActiveState) {
-    issues.push({
-      line: 0,
-      type: "NAV_NO_ACTIVE_STATE",
-      message: "Navigation without active/current page indicator \u2014 add active state for current route",
-      severity: "info"
-    });
-  }
-  if (validRoutes && validRoutes.length > 0) {
-    const routeSet = new Set(validRoutes);
-    routeSet.add("#");
-    const lines = code.split("\n");
-    const linkHrefRe = /href\s*=\s*["'](\/[a-z0-9/-]*)["']/gi;
-    for (let i = 0; i < lines.length; i++) {
-      let match;
-      while ((match = linkHrefRe.exec(lines[i])) !== null) {
-        const target = match[1];
-        if (target === "/" || target.startsWith("/design-system") || target.startsWith("/api") || target.startsWith("/#"))
-          continue;
-        if (!routeSet.has(target)) {
-          issues.push({
-            line: i + 1,
-            type: "BROKEN_INTERNAL_LINK",
-            message: `Link to "${target}" \u2014 route does not exist in project`,
-            severity: "warning"
-          });
-        }
-      }
-    }
-  }
-  const linkBlockRe = /<(?:Link|a)\b[^>]*>[\s\S]*?<\/(?:Link|a)>/g;
-  let linkMatch;
-  while ((linkMatch = linkBlockRe.exec(code)) !== null) {
-    const block = linkMatch[0];
-    if (/<(?:Button|button)\b/.test(block) && !/asChild/.test(block)) {
-      issues.push({
-        line: 0,
-        type: "NESTED_INTERACTIVE",
-        message: "Button inside Link without asChild \u2014 causes DOM nesting error. Use <Button asChild><Link>...</Link></Button> instead",
-        severity: "error"
-      });
-      break;
-    }
-  }
-  const nestedAnchorRe = /<a\b[^>]*>[\s\S]*?<a\b/;
-  if (nestedAnchorRe.test(code)) {
-    issues.push({
-      line: 0,
-      type: "NESTED_INTERACTIVE",
-      message: "Nested <a> tags \u2014 causes DOM nesting error. Remove inner anchor or restructure",
-      severity: "error"
-    });
-  }
-  const linkWithoutHrefRe = /<(?:Link|a)\b(?![^>]*\bhref\s*=)[^>]*>/g;
-  let linkNoHrefMatch;
-  while ((linkNoHrefMatch = linkWithoutHrefRe.exec(code)) !== null) {
-    const matchLine = code.slice(0, linkNoHrefMatch.index).split("\n").length;
-    issues.push({
-      line: matchLine,
-      type: "LINK_MISSING_HREF",
-      message: "<Link> or <a> without href prop \u2014 causes Next.js runtime error. Add href attribute.",
-      severity: "error"
-    });
-  }
-  issues.push(...detectComponentIssues(code));
-  return issues;
-}
-function resolveHref(linkText, context) {
-  if (!context) return "/";
-  const text = linkText.trim().toLowerCase();
-  if (context.linkMap) {
-    for (const [label, route] of Object.entries(context.linkMap)) {
-      if (label.toLowerCase() === text) return route;
-    }
-  }
-  if (context.knownRoutes) {
-    const cleaned = text.replace(/^(back\s+to|go\s+to|view\s+all|see\s+all|return\s+to)\s+/i, "").trim();
-    for (const route of context.knownRoutes) {
-      const slug = route.split("/").filter(Boolean).pop() || "";
-      const routeName = slug.replace(/[-_]/g, " ");
-      if (routeName && cleaned === routeName) return route;
-    }
-  }
-  return "/";
-}
-function replaceRawColors(classes, colorMap) {
-  let changed = false;
-  let result = classes;
-  const accentColorRe = /\b((?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?)(bg|text|border|ring|outline|from|to|via)-(emerald|blue|violet|indigo|purple|teal|cyan|sky|rose|amber|red|green|yellow|pink|orange|fuchsia|lime)-(\d+)\b/g;
-  result = result.replace(accentColorRe, (m, statePrefix, prefix, color, shade) => {
-    const bare = m.replace(statePrefix, "");
-    if (colorMap[bare]) {
-      changed = true;
-      return statePrefix + colorMap[bare];
-    }
-    const n = parseInt(shade);
-    const isDestructive = color === "red";
-    if (prefix === "bg") {
-      if (n >= 500 && n <= 700) {
-        changed = true;
-        return statePrefix + (isDestructive ? "bg-destructive" : "bg-primary");
-      }
-      if (n >= 100 && n <= 200) {
-        changed = true;
-        return statePrefix + (isDestructive ? "bg-destructive/10" : "bg-primary/10");
-      }
-      if (n >= 300 && n <= 400) {
-        changed = true;
-        return statePrefix + (isDestructive ? "bg-destructive/20" : "bg-primary/20");
-      }
-      if (n >= 800) {
-        changed = true;
-        return statePrefix + "bg-muted";
-      }
-    }
-    if (prefix === "text") {
-      if (n >= 400 && n <= 600) {
-        changed = true;
-        return statePrefix + (isDestructive ? "text-destructive" : "text-primary");
-      }
-      if (n >= 100 && n <= 300) {
-        changed = true;
-        return statePrefix + "text-foreground";
-      }
-      if (n >= 700) {
-        changed = true;
-        return statePrefix + "text-foreground";
-      }
-    }
-    if (prefix === "border" || prefix === "ring" || prefix === "outline") {
-      changed = true;
-      return statePrefix + (isDestructive ? `${prefix}-destructive` : `${prefix}-primary`);
-    }
-    if (prefix === "from" || prefix === "to" || prefix === "via") {
-      changed = true;
-      if (n >= 100 && n <= 300)
-        return statePrefix + (isDestructive ? `${prefix}-destructive/20` : `${prefix}-primary/20`);
-      return statePrefix + (isDestructive ? `${prefix}-destructive` : `${prefix}-primary`);
-    }
-    return m;
-  });
-  const neutralColorRe = /\b((?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?)(bg|text|border|ring|outline)-(zinc|slate|gray|neutral|stone)-(\d+)\b/g;
-  result = result.replace(neutralColorRe, (m, statePrefix, prefix, _color, shade) => {
-    const bare = m.replace(statePrefix, "");
-    if (colorMap[bare]) {
-      changed = true;
-      return statePrefix + colorMap[bare];
-    }
-    const n = parseInt(shade);
-    if (prefix === "bg") {
-      if (n >= 800) {
-        changed = true;
-        return statePrefix + "bg-background";
-      }
-      if (n >= 100 && n <= 300) {
-        changed = true;
-        return statePrefix + "bg-muted";
-      }
-    }
-    if (prefix === "text") {
-      if (n >= 100 && n <= 300) {
-        changed = true;
-        return statePrefix + "text-foreground";
-      }
-      if (n >= 400 && n <= 600) {
-        changed = true;
-        return statePrefix + "text-muted-foreground";
-      }
-    }
-    if (prefix === "border" || prefix === "ring" || prefix === "outline") {
-      changed = true;
-      return statePrefix + `${prefix === "border" ? "border-border" : `${prefix}-ring`}`;
-    }
-    return m;
-  });
-  return { result, changed };
-}
-async function autoFixCode(code, context) {
-  const fixes = [];
-  let fixed = code;
-  const beforeQuoteFix = fixed;
-  fixed = fixed.replace(/\\'(\s*[}\],])/g, "'$1");
-  fixed = fixed.replace(/(:\s*'.+)\\'(\s*)$/gm, "$1'$2");
-  if (fixed !== beforeQuoteFix) {
-    fixes.push("fixed escaped closing quotes in strings");
-  }
-  const beforeEntityFix = fixed;
-  const isInsideAttrValue = (line, idx) => {
-    let inQuote = false;
-    let inAttr = false;
-    for (let i = 0; i < idx; i++) {
-      if (line[i] === "=" && line[i + 1] === '"') {
-        inAttr = true;
-        inQuote = true;
-        i++;
-      } else if (inAttr && line[i] === '"') {
-        inAttr = false;
-        inQuote = false;
-      }
-    }
-    return inQuote;
-  };
-  fixed = fixed.split("\n").map((line) => {
-    let l = line;
-    l = l.replace(/&lt;=/g, (m, offset) => isInsideAttrValue(line, offset) ? m : "<=");
-    l = l.replace(/&gt;=/g, (m, offset) => isInsideAttrValue(line, offset) ? m : ">=");
-    l = l.replace(/&amp;&amp;/g, (m, offset) => isInsideAttrValue(line, offset) ? m : "&&");
-    l = l.replace(
-      /([\w)\]])\s*&lt;\s*([\w(])/g,
-      (m, p1, p2, offset) => isInsideAttrValue(line, offset) ? m : `${p1} < ${p2}`
-    );
-    l = l.replace(
-      /([\w)\]])\s*&gt;\s*([\w(])/g,
-      (m, p1, p2, offset) => isInsideAttrValue(line, offset) ? m : `${p1} > ${p2}`
-    );
-    return l;
-  }).join("\n");
-  if (fixed !== beforeEntityFix) {
-    fixes.push("Fixed syntax issues");
-  }
-  const beforeLtFix = fixed;
-  fixed = fixed.replace(/>([^<{}\n]*)<(\d)/g, ">$1&lt;$2");
-  fixed = fixed.replace(/>([^<{}\n]*)<([^/a-zA-Z!{>\n])/g, ">$1&lt;$2");
-  if (fixed !== beforeLtFix) {
-    fixes.push("escaped < in JSX text content");
-  }
-  if (/className="[^"]*\btext-base\b[^"]*"/.test(fixed)) {
-    fixed = fixed.replace(/className="([^"]*)\btext-base\b([^"]*)"/g, 'className="$1text-sm$2"');
-    fixes.push("text-base \u2192 text-sm");
-  }
-  if (/CardTitle[^>]*className="[^"]*text-(lg|xl|2xl)/.test(fixed)) {
-    fixed = fixed.replace(/(CardTitle[^>]*className="[^"]*)text-(lg|xl|2xl)\b/g, "$1");
-    fixes.push("large text in CardTitle \u2192 removed");
-  }
-  if (/className="[^"]*\bshadow-(md|lg|xl|2xl)\b[^"]*"/.test(fixed)) {
-    fixed = fixed.replace(/className="([^"]*)\bshadow-(md|lg|xl|2xl)\b([^"]*)"/g, 'className="$1shadow-sm$3"');
-    fixes.push("heavy shadow \u2192 shadow-sm");
-  }
-  const hasHooks = /\b(useState|useEffect|useRef|useCallback|useMemo|useReducer|useContext)\b/.test(fixed);
-  const hasEvents = /\b(onClick|onChange|onSubmit|onBlur|onFocus|onKeyDown|onKeyUp|onMouseEnter|onMouseLeave|onScroll|onInput)\s*[={]/.test(
-    fixed
-  );
-  const hasUseClient = /^['"]use client['"]/.test(fixed.trim());
-  if ((hasHooks || hasEvents) && !hasUseClient) {
-    fixed = `'use client'
-
-${fixed}`;
-    fixes.push('added "use client" (client features detected)');
-  }
-  if (/^['"]use client['"]/.test(fixed.trim()) && /\bexport\s+const\s+metadata\s*:\s*Metadata\s*=\s*\{/.test(fixed)) {
-    const metaMatch = fixed.match(/\bexport\s+const\s+metadata\s*:\s*Metadata\s*=\s*\{/);
-    if (metaMatch) {
-      const start = fixed.indexOf(metaMatch[0]);
-      const open = fixed.indexOf("{", start);
-      let depth = 1, i = open + 1;
-      while (i < fixed.length && depth > 0) {
-        if (fixed[i] === "{") depth++;
-        else if (fixed[i] === "}") depth--;
-        i++;
-      }
-      const tail = fixed.slice(i);
-      const semi = tail.match(/^\s*;/);
-      const removeEnd = semi ? i + (semi.index + semi[0].length) : i;
-      fixed = (fixed.slice(0, start) + fixed.slice(removeEnd)).replace(/\n{3,}/g, "\n\n").trim();
-      fixes.push('removed metadata export (conflicts with "use client")');
-    }
-  }
-  const lines = fixed.split("\n");
-  let hasReplacedButton = false;
-  for (let i = 0; i < lines.length; i++) {
-    if (!/<button\b/.test(lines[i])) continue;
-    if (lines[i].includes("aria-label")) continue;
-    if (/onClick=\{.*copy/i.test(lines[i])) continue;
-    const block = lines.slice(i, i + 5).join(" ");
-    if (block.includes("aria-label") || /onClick=\{.*copy/i.test(block)) continue;
-    lines[i] = lines[i].replace(/<button\b/g, "<Button");
-    hasReplacedButton = true;
-  }
-  if (hasReplacedButton) {
-    fixed = lines.join("\n");
-    fixed = fixed.replace(/<\/button>/g, (_match, _offset) => {
-      return "</Button>";
-    });
-    const openCount = (fixed.match(/<Button\b/g) || []).length;
-    const closeCount = (fixed.match(/<\/Button>/g) || []).length;
-    if (closeCount > openCount) {
-      let excess = closeCount - openCount;
-      fixed = fixed.replace(/<\/Button>/g, (m) => {
-        if (excess > 0) {
-          excess--;
-          return "</button>";
-        }
-        return m;
-      });
-    }
-    const hasButtonImport = /import\s.*\bButton\b.*from\s+['"]@\/components\/ui\/button['"]/.test(fixed);
-    if (!hasButtonImport) {
-      const lastImportIdx = fixed.lastIndexOf("\nimport ");
-      if (lastImportIdx !== -1) {
-        const lineEnd = fixed.indexOf("\n", lastImportIdx + 1);
-        fixed = fixed.slice(0, lineEnd + 1) + "import { Button } from '@/components/ui/button'\n" + fixed.slice(lineEnd + 1);
-      } else {
-        const insertAfter = hasUseClient ? fixed.indexOf("\n") + 1 : 0;
-        fixed = fixed.slice(0, insertAfter) + "import { Button } from '@/components/ui/button'\n" + fixed.slice(insertAfter);
-      }
-    }
-    fixes.push("<button> \u2192 <Button> (with import)");
-  }
-  const colorMap = {
-    "bg-zinc-950": "bg-background",
-    "bg-zinc-900": "bg-background",
-    "bg-slate-950": "bg-background",
-    "bg-slate-900": "bg-background",
-    "bg-gray-950": "bg-background",
-    "bg-gray-900": "bg-background",
-    "bg-zinc-800": "bg-muted",
-    "bg-slate-800": "bg-muted",
-    "bg-gray-800": "bg-muted",
-    "bg-zinc-100": "bg-muted",
-    "bg-slate-100": "bg-muted",
-    "bg-gray-100": "bg-muted",
-    "bg-white": "bg-background",
-    "bg-black": "bg-background",
-    "text-white": "text-foreground",
-    "text-black": "text-foreground",
-    "text-zinc-100": "text-foreground",
-    "text-zinc-200": "text-foreground",
-    "text-slate-100": "text-foreground",
-    "text-gray-100": "text-foreground",
-    "text-zinc-400": "text-muted-foreground",
-    "text-zinc-500": "text-muted-foreground",
-    "text-slate-400": "text-muted-foreground",
-    "text-slate-500": "text-muted-foreground",
-    "text-gray-400": "text-muted-foreground",
-    "text-gray-500": "text-muted-foreground",
-    "border-zinc-700": "border-border",
-    "border-zinc-800": "border-border",
-    "border-slate-700": "border-border",
-    "border-gray-700": "border-border",
-    "border-zinc-200": "border-border",
-    "border-slate-200": "border-border",
-    "border-gray-200": "border-border"
-  };
-  const isCodeContext = (classes) => /\bfont-mono\b/.test(classes) || /\bbg-zinc-950\b/.test(classes) || /\bbg-zinc-900\b/.test(classes);
-  const isInsideTerminalBlock = (offset) => {
-    const preceding = fixed.slice(Math.max(0, offset - 600), offset);
-    if (!/(bg-zinc-950|bg-zinc-900)/.test(preceding)) return false;
-    if (!/font-mono/.test(preceding)) return false;
-    const lastClose = Math.max(preceding.lastIndexOf("</div>"), preceding.lastIndexOf("</section>"));
-    const lastTerminal = Math.max(preceding.lastIndexOf("bg-zinc-950"), preceding.lastIndexOf("bg-zinc-900"));
-    return lastTerminal > lastClose;
-  };
-  let hadColorFix = false;
-  fixed = fixed.replace(/className="([^"]*)"/g, (fullMatch, classes, offset) => {
-    if (isCodeContext(classes)) return fullMatch;
-    if (isInsideTerminalBlock(offset)) return fullMatch;
-    const { result, changed } = replaceRawColors(classes, colorMap);
-    if (changed) hadColorFix = true;
-    if (result !== classes) return `className="${result}"`;
-    return fullMatch;
-  });
-  fixed = fixed.replace(/(?:cn|clsx|cva)\(([^()]*(?:\([^()]*\)[^()]*)*)\)/g, (fullMatch, args) => {
-    const replaced = args.replace(/"([^"]*)"/g, (_qm, inner) => {
-      const { result, changed } = replaceRawColors(inner, colorMap);
-      if (changed) hadColorFix = true;
-      return `"${result}"`;
-    });
-    if (replaced !== args) return fullMatch.replace(args, replaced);
-    return fullMatch;
-  });
-  fixed = fixed.replace(/className='([^']*)'/g, (fullMatch, classes, offset) => {
-    if (isCodeContext(classes)) return fullMatch;
-    if (isInsideTerminalBlock(offset)) return fullMatch;
-    const { result, changed } = replaceRawColors(classes, colorMap);
-    if (changed) hadColorFix = true;
-    if (result !== classes) return `className='${result}'`;
-    return fullMatch;
-  });
-  fixed = fixed.replace(/className=\{`([^`]*)`\}/g, (fullMatch, inner) => {
-    const { result, changed } = replaceRawColors(inner, colorMap);
-    if (changed) hadColorFix = true;
-    if (result !== inner) return `className={\`${result}\`}`;
-    return fullMatch;
-  });
-  if (hadColorFix) fixes.push("raw colors \u2192 semantic tokens");
-  const selectRe = /<select\b[^>]*>([\s\S]*?)<\/select>/g;
-  let hadSelectFix = false;
-  fixed = fixed.replace(selectRe, (_match, inner) => {
-    const options = [];
-    const optionRe = /<option\s+value="([^"]*)"[^>]*>([^<]*)<\/option>/g;
-    let optMatch;
-    while ((optMatch = optionRe.exec(inner)) !== null) {
-      options.push({ value: optMatch[1], label: optMatch[2] });
-    }
-    if (options.length === 0) return _match;
-    hadSelectFix = true;
-    const items = options.map((o) => `            <SelectItem value="${o.value}">${o.label}</SelectItem>`).join("\n");
-    return `<Select>
-          <SelectTrigger>
-            <SelectValue placeholder="Select..." />
-          </SelectTrigger>
-          <SelectContent>
-${items}
-          </SelectContent>
-        </Select>`;
-  });
-  if (hadSelectFix) {
-    fixes.push("<select> \u2192 shadcn Select");
-    const selectImport = `import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/components/ui/select'`;
-    if (!/from\s+['"]@\/components\/ui\/select['"]/.test(fixed)) {
-      const replaced = fixed.replace(
-        /(import\s+\{[^}]*\}\s+from\s+['"]@\/components\/ui\/[^'"]+['"])/,
-        `$1
-${selectImport}`
-      );
-      if (replaced !== fixed) {
-        fixed = replaced;
-      } else {
-        fixed = selectImport + "\n" + fixed;
-      }
-    }
-  }
-  const lucideImportMatch = fixed.match(/import\s*\{([^}]+)\}\s*from\s*["']lucide-react["']/);
-  if (lucideImportMatch) {
-    let lucideExports = null;
-    try {
-      const { createRequire } = await import("module");
-      const require2 = createRequire(process.cwd() + "/package.json");
-      const lr = require2("lucide-react");
-      lucideExports = new Set(Object.keys(lr).filter((k) => /^[A-Z]/.test(k)));
-    } catch {
-    }
-    if (lucideExports) {
-      const nonLucideImports = /* @__PURE__ */ new Set();
-      for (const m of fixed.matchAll(/import\s*\{([^}]+)\}\s*from\s*["'](?!lucide-react)([^"']+)["']/g)) {
-        m[1].split(",").map((s) => s.trim()).filter(Boolean).forEach((n) => nonLucideImports.add(n));
-      }
-      const iconNames = lucideImportMatch[1].split(",").map((s) => s.trim()).filter(Boolean);
-      const duplicates = iconNames.filter((name) => nonLucideImports.has(name));
-      let newImport = lucideImportMatch[1];
-      for (const dup of duplicates) {
-        newImport = newImport.replace(new RegExp(`\\b${dup}\\b,?\\s*`), "");
-        fixes.push(`removed ${dup} from lucide import (conflicts with UI component import)`);
-      }
-      const invalid = iconNames.filter((name) => !lucideExports.has(name) && !nonLucideImports.has(name));
-      if (invalid.length > 0) {
-        const fallback = "Circle";
-        for (const bad of invalid) {
-          const re = new RegExp(`\\b${bad}\\b`, "g");
-          newImport = newImport.replace(re, fallback);
-          fixed = fixed.replace(re, fallback);
-        }
-        fixes.push(`invalid lucide icons \u2192 ${fallback}: ${invalid.join(", ")}`);
-      }
-      if (duplicates.length > 0 || invalid.length > 0) {
-        const importedNames = [
-          ...new Set(
-            newImport.split(",").map((s) => s.trim()).filter(Boolean)
-          )
-        ];
-        const originalImportLine = lucideImportMatch[0];
-        fixed = fixed.replace(originalImportLine, `import { ${importedNames.join(", ")} } from "lucide-react"`);
-      }
-    }
-  }
-  const lucideImportMatch2 = fixed.match(/import\s*\{([^}]+)\}\s*from\s*["']lucide-react["']/);
-  if (lucideImportMatch2) {
-    let lucideExports2 = null;
-    try {
-      const { createRequire } = await import("module");
-      const req = createRequire(process.cwd() + "/package.json");
-      const lr = req("lucide-react");
-      lucideExports2 = new Set(Object.keys(lr).filter((k) => /^[A-Z]/.test(k)));
-    } catch {
-    }
-    if (lucideExports2) {
-      const allImportedNames = /* @__PURE__ */ new Set();
-      for (const m of fixed.matchAll(/import\s*\{([^}]+)\}\s*from/g)) {
-        m[1].split(",").map((s) => s.trim()).filter(Boolean).forEach((n) => allImportedNames.add(n));
-      }
-      for (const m of fixed.matchAll(/import\s+([A-Z]\w+)\s+from/g)) {
-        allImportedNames.add(m[1]);
-      }
-      const lucideImported = new Set(
-        lucideImportMatch2[1].split(",").map((s) => s.trim()).filter(Boolean)
-      );
-      const jsxIconRefs = [...new Set([...fixed.matchAll(/<([A-Z][a-zA-Z]*Icon)\s/g)].map((m) => m[1]))];
-      const missing = [];
-      for (const ref of jsxIconRefs) {
-        if (allImportedNames.has(ref)) continue;
-        if (fixed.includes(`function ${ref}`) || fixed.includes(`const ${ref}`)) continue;
-        const baseName = ref.replace(/Icon$/, "");
-        if (lucideExports2.has(ref)) {
-          missing.push(ref);
-          lucideImported.add(ref);
-        } else if (lucideExports2.has(baseName)) {
-          const re = new RegExp(`\\b${ref}\\b`, "g");
-          fixed = fixed.replace(re, baseName);
-          missing.push(baseName);
-          lucideImported.add(baseName);
-          fixes.push(`renamed ${ref} \u2192 ${baseName} (lucide-react)`);
-        } else {
-          const fallback = "Circle";
-          const re = new RegExp(`\\b${ref}\\b`, "g");
-          fixed = fixed.replace(re, fallback);
-          lucideImported.add(fallback);
-          fixes.push(`unknown icon ${ref} \u2192 ${fallback}`);
-        }
-      }
-      if (missing.length > 0) {
-        const allNames = [...lucideImported];
-        const origLine = lucideImportMatch2[0];
-        fixed = fixed.replace(origLine, `import { ${allNames.join(", ")} } from "lucide-react"`);
-        fixes.push(`added missing lucide imports: ${missing.join(", ")}`);
-      }
-    }
-  }
-  const lucideNamesMatch = fixed.match(/import\s*\{([^}]+)\}\s*from\s*["']lucide-react["']/);
-  if (lucideNamesMatch) {
-    const lucideNames = new Set(
-      lucideNamesMatch[1].split(",").map((s) => s.trim()).filter(Boolean)
-    );
-    const beforeShrinkFix = fixed;
-    for (const iconName of lucideNames) {
-      const iconRe = new RegExp(`(<${iconName}\\s[^>]*className=")([^"]*)(")`, "g");
-      fixed = fixed.replace(iconRe, (_m, pre, classes, post) => {
-        if (/\bshrink-0\b/.test(classes)) return _m;
-        return `${pre}${classes} shrink-0${post}`;
-      });
-    }
-    if (fixed !== beforeShrinkFix) {
-      fixes.push("added shrink-0 to icons");
-    }
-  }
-  const linkWithButtonRe = /(<Link\b[^>]*>)\s*(<Button\b(?![^>]*asChild)[^>]*>)([\s\S]*?)<\/Button>\s*<\/Link>/g;
-  const beforeLinkFix = fixed;
-  fixed = fixed.replace(linkWithButtonRe, (_match, linkOpen, buttonOpen, inner) => {
-    const hrefMatch = linkOpen.match(/href="([^"]*)"/);
-    const href = hrefMatch ? hrefMatch[1] : "/";
-    const buttonWithAsChild = buttonOpen.replace("<Button", "<Button asChild");
-    return `${buttonWithAsChild}<Link href="${href}">${inner.trim()}</Link></Button>`;
-  });
-  if (fixed !== beforeLinkFix) {
-    fixes.push("Link>Button \u2192 Button asChild>Link (DOM nesting fix)");
-  }
-  const beforeAsChildFlex = fixed;
-  fixed = fixed.replace(
-    /(<Button\b[^>]*\basChild\b[^>]*>)\s*(<(?:Link|a)\b)([^>]*)(>)/g,
-    (_match, btnOpen, childTag, childProps, close) => {
-      if (/\binline-flex\b/.test(childProps)) return _match;
-      if (/className="([^"]*)"/.test(childProps)) {
-        const merged = childProps.replace(
-          /className="([^"]*)"/,
-          (_cm, classes) => `className="inline-flex items-center gap-2 ${classes}"`
-        );
-        return `${btnOpen}${childTag}${merged}${close}`;
-      }
-      return `${btnOpen}${childTag} className="inline-flex items-center gap-2"${close}`;
-    }
-  );
-  if (fixed !== beforeAsChildFlex) {
-    fixes.push("added inline-flex to Button asChild children (base-ui compat)");
-  }
-  const beforeLinkHrefFix = fixed;
-  fixed = fixed.replace(/<(Link|a)\b(?![^>]*\bhref\s*=)([^>]*)>([\s\S]*?)<\/\1>/g, (_match, tag, attrs, children) => {
-    const textContent = children.replace(/<[^>]*>/g, "").trim();
-    const href = resolveHref(textContent, context);
-    return `<${tag} href="${href}"${attrs}>${children}</${tag}>`;
-  });
-  fixed = fixed.replace(/<(Link|a)\b(?![^>]*\bhref\s*=)([^>]*)\/?>/g, '<$1 href="/"$2>');
-  if (fixed !== beforeLinkHrefFix) {
-    fixes.push("added href to <Link>/<a> missing href");
-  }
-  const { code: fixedByRules, fixes: ruleFixes } = applyComponentRules(fixed);
-  if (ruleFixes.length > 0) {
-    fixed = fixedByRules;
-    fixes.push(...ruleFixes);
-  }
-  const beforeTabsFix = fixed;
-  fixed = fixed.replace(
-    /(<TabsTrigger\b[^>]*className=")([^"]*)(")/g,
-    (_m, pre, classes, post) => {
-      const cleaned = classes.replace(/\b(border-input|border\b|outline\b)\s*/g, "").trim();
-      if (cleaned !== classes.trim()) return `${pre}${cleaned}${post}`;
-      return _m;
-    }
-  );
-  if (fixed !== beforeTabsFix) {
-    fixes.push("stripped border from TabsTrigger (shadcn handles active state)");
-  }
-  const beforeJunkFix = fixed;
-  fixed = fixed.replace(/className="([^"]*)"/g, (_match, classes) => {
-    const cleaned = classes.split(/\s+/).filter((c) => c !== "-0").join(" ");
-    if (cleaned !== classes.trim()) return `className="${cleaned}"`;
-    return _match;
-  });
-  if (fixed !== beforeJunkFix) {
-    fixes.push("removed junk classes (-0)");
-  }
-  fixed = fixed.replace(/className="([^"]*)"/g, (_match, inner) => {
-    const cleaned = inner.replace(/\s{2,}/g, " ").trim();
-    return `className="${cleaned}"`;
-  });
-  let imgCounter = 1;
-  const beforeImgFix = fixed;
-  fixed = fixed.replace(/["']\/api\/placeholder\/(\d+)\/(\d+)["']/g, (_m, w, h) => {
-    return `"https://picsum.photos/${w}/${h}?random=${imgCounter++}"`;
-  });
-  fixed = fixed.replace(/["']\/placeholder-avatar[^"']*["']/g, () => {
-    return `"https://i.pravatar.cc/150?u=user${imgCounter++}"`;
-  });
-  fixed = fixed.replace(/["']https?:\/\/via\.placeholder\.com\/(\d+)x?(\d*)(?:\/[^"']*)?\/?["']/g, (_m, w, h) => {
-    const height = h || w;
-    return `"https://picsum.photos/${w}/${height}?random=${imgCounter++}"`;
-  });
-  fixed = fixed.replace(/["']\/images\/[^"']+\.(?:jpg|jpeg|png|webp|gif)["']/g, () => {
-    return `"https://picsum.photos/800/400?random=${imgCounter++}"`;
-  });
-  fixed = fixed.replace(/["']\/placeholder[^"']*\.(?:jpg|jpeg|png|webp)["']/g, () => {
-    return `"https://picsum.photos/800/400?random=${imgCounter++}"`;
-  });
-  if (fixed !== beforeImgFix) {
-    fixes.push("placeholder images \u2192 working URLs (picsum/pravatar)");
-  }
-  return { code: fixed, fixes };
-}
-function formatIssues(issues) {
-  if (issues.length === 0) return "";
-  const errors = issues.filter((i) => i.severity === "error");
-  const warnings = issues.filter((i) => i.severity === "warning");
-  const infos = issues.filter((i) => i.severity === "info");
-  const lines = [];
-  if (errors.length > 0) {
-    lines.push(`  \u274C ${errors.length} error(s):`);
-    for (const e of errors) {
-      lines.push(`     L${e.line}: [${e.type}] ${e.message}`);
-    }
-  }
-  if (warnings.length > 0) {
-    lines.push(`  \u26A0\uFE0F  ${warnings.length} warning(s):`);
-    for (const w of warnings) {
-      lines.push(`     L${w.line}: [${w.type}] ${w.message}`);
-    }
-  }
-  if (infos.length > 0) {
-    lines.push(`  \u2139\uFE0F  ${infos.length} info:`);
-    for (const i of infos) {
-      lines.push(`     L${i.line}: [${i.type}] ${i.message}`);
-    }
-  }
-  return lines.join("\n");
-}
-function checkDesignConsistency(code) {
-  const warnings = [];
-  const hexPattern = /\[#[0-9a-fA-F]{3,8}\]/g;
-  for (const match of code.matchAll(hexPattern)) {
-    warnings.push({
-      type: "hardcoded-color",
-      message: `Hardcoded color ${match[0]} \u2014 use a design token (e.g., bg-primary) instead`
-    });
-  }
-  const spacingPattern = /[pm][trblxy]?-\[\d+px\]/g;
-  for (const match of code.matchAll(spacingPattern)) {
-    warnings.push({
-      type: "arbitrary-spacing",
-      message: `Arbitrary spacing ${match[0]} \u2014 use Tailwind spacing scale instead`
-    });
-  }
-  return warnings;
-}
-function verifyIncrementalEdit(before, after) {
-  const issues = [];
-  const hookPattern = /\buse[A-Z]\w+\s*\(/;
-  if (hookPattern.test(after) && !after.includes("'use client'") && !after.includes('"use client"')) {
-    issues.push({
-      type: "missing-use-client",
-      message: 'Code uses React hooks but missing "use client" directive'
-    });
-  }
-  if (!after.includes("export default")) {
-    issues.push({
-      type: "missing-default-export",
-      message: "Missing default export \u2014 page component must have a default export"
-    });
-  }
-  const importRegex = /import\s+\{([^}]+)\}\s+from/g;
-  const beforeImports = /* @__PURE__ */ new Set();
-  const afterImports = /* @__PURE__ */ new Set();
-  for (const match of before.matchAll(importRegex)) {
-    match[1].split(",").forEach((s) => beforeImports.add(s.trim()));
-  }
-  for (const match of after.matchAll(importRegex)) {
-    match[1].split(",").forEach((s) => afterImports.add(s.trim()));
-  }
-  for (const symbol of beforeImports) {
-    if (!afterImports.has(symbol) && symbol.length > 0) {
-      const codeWithoutImports = after.replace(/^import\s+.*$/gm, "");
-      const symbolRegex = new RegExp(`\\b${symbol}\\b`);
-      if (symbolRegex.test(codeWithoutImports)) {
-        issues.push({
-          type: "missing-import",
-          symbol,
-          message: `Import for "${symbol}" was removed but symbol is still used in code`
-        });
-      }
-    }
-  }
-  return issues;
-}
-
 // src/commands/chat/utils.ts
 import { resolve as resolve5 } from "path";
 import { existsSync as existsSync13, readFileSync as readFileSync8 } from "fs";
 import { DesignSystemManager as DesignSystemManager3, loadManifest as loadManifest4 } from "@getcoherent/core";
-import chalk8 from "chalk";
+import chalk7 from "chalk";
 var MARKETING_ROUTES = /* @__PURE__ */ new Set(["", "landing", "pricing", "about", "contact", "blog", "features"]);
 var MIN_ANCHOR_PAGE_CODE_CHARS = 120;
 var AUTH_ROUTE_SLUGS = /* @__PURE__ */ new Set([
@@ -6370,7 +5060,7 @@ async function warnInlineDuplicates(projectRoot, pageName, route, pageCode, mani
     if (hasImport) continue;
     if (plannedForPage) {
       console.log(
-        chalk8.yellow(
+        chalk7.yellow(
           `
 \u26A0 Page "${pageName}" should use shared component ${e.name} (per architecture plan) but it's not imported. Import from @/components/shared/${kebab}`
         )
@@ -6380,7 +5070,7 @@ async function warnInlineDuplicates(projectRoot, pageName, route, pageCode, mani
     const sameNameAsTag = new RegExp(`<\\/?${e.name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}[\\s>]`).test(pageCode);
     if (sameNameAsTag) {
       console.log(
-        chalk8.yellow(
+        chalk7.yellow(
           `
 \u26A0 Page "${pageName}" contains inline code similar to ${e.id} (${e.name}). Consider using the shared component instead.`
         )
@@ -6399,7 +5089,7 @@ async function warnInlineDuplicates(projectRoot, pageName, route, pageCode, mani
       const overlapRatio = sharedTokens.size > 0 ? overlap / sharedTokens.size : 0;
       if (overlap >= 20 && overlapRatio >= 0.6) {
         console.log(
-          chalk8.yellow(
+          chalk7.yellow(
             `
 \u26A0 Page "${pageName}" contains inline code similar to ${e.id} (${e.name}). Consider using the shared component instead.`
           )
@@ -6449,10 +5139,10 @@ ${currentCode}
 \`\`\`` : "";
       return `Modify the shared component ${entry.name} (${entry.id}, file: ${entry.file}): ${message}. Read the current code below and apply the requested changes. Return the full updated component code as pageCode.${codeSnippet}`;
     }
-    console.log(chalk8.yellow(`
+    console.log(chalk7.yellow(`
 \u26A0\uFE0F  Component "${target}" not found in shared components.`));
-    console.log(chalk8.dim("   Available: " + manifest.shared.map((s) => `${s.id} ${s.name}`).join(", ")));
-    console.log(chalk8.dim("   Proceeding with message as-is...\n"));
+    console.log(chalk7.dim("   Available: " + manifest.shared.map((s) => `${s.id} ${s.name}`).join(", ")));
+    console.log(chalk7.dim("   Proceeding with message as-is...\n"));
   }
   if (options.page) {
     const target = options.page;
@@ -6474,10 +5164,10 @@ ${currentCode}
 \`\`\`` : "";
       return `Update page "${page.name}" (id: ${page.id}, route: ${page.route}, file: ${relPath}): ${message}. Read the current code below and apply the requested changes.${codeSnippet}`;
     }
-    console.log(chalk8.yellow(`
+    console.log(chalk7.yellow(`
 \u26A0\uFE0F  Page "${target}" not found.`));
-    console.log(chalk8.dim("   Available: " + config2.pages.map((p) => `${p.id} (${p.route})`).join(", ")));
-    console.log(chalk8.dim("   Proceeding with message as-is...\n"));
+    console.log(chalk7.dim("   Available: " + config2.pages.map((p) => `${p.id} (${p.route})`).join(", ")));
+    console.log(chalk7.dim("   Proceeding with message as-is...\n"));
   }
   if (options.token) {
     const target = options.token;
@@ -6997,7 +5687,7 @@ async function pMap(items, fn, concurrency = 3) {
 }
 
 // src/commands/chat/split-generator.ts
-import chalk9 from "chalk";
+import chalk8 from "chalk";
 function buildExistingPagesContext(config2) {
   const pages = config2.pages || [];
   const analyzed = pages.filter((p) => p.pageAnalysis);
@@ -7094,6 +5784,43 @@ Before implementing any section, check this list. Import and use matching compon
 
 ${sharedComponentsSummary}`;
 }
+var RELEVANT_TYPES = {
+  app: ["data-display", "form", "navigation", "feedback"],
+  auth: ["form", "feedback"],
+  marketing: ["section", "layout"]
+};
+function buildTieredComponentsPrompt(manifest, pageType) {
+  if (manifest.shared.length === 0) return void 0;
+  const relevantTypes = new Set(RELEVANT_TYPES[pageType] || RELEVANT_TYPES.app);
+  const level1Lines = manifest.shared.map((e) => {
+    const desc = e.description ? ` \u2014 ${e.description}` : "";
+    return `- ${e.id} ${e.name} (${e.type})${desc}`;
+  });
+  const relevantComponents = manifest.shared.filter((e) => relevantTypes.has(e.type));
+  const level2Blocks = relevantComponents.filter((e) => e.propsInterface || e.usageExample).map((e) => {
+    const importPath = e.file.replace(/^components\/shared\//, "").replace(/\.tsx$/, "");
+    const lines = [`### ${e.name} (${e.id})`];
+    if (e.propsInterface) lines.push(`Props: ${e.propsInterface}`);
+    if (e.usageExample) lines.push(`Usage: ${e.usageExample}`);
+    lines.push(`Import: import { ${e.name} } from '@/components/shared/${importPath}'`);
+    return lines.join("\n");
+  });
+  const sections = [
+    `SHARED COMPONENTS \u2014 MANDATORY REUSE:`,
+    `Before implementing any section, check this list. Import and use matching components. Do NOT re-implement these patterns inline.`,
+    ``,
+    `Available components:`,
+    ...level1Lines
+  ];
+  if (level2Blocks.length > 0) {
+    sections.push(``, `Components to use on this page (detailed API):`, ...level2Blocks);
+  }
+  sections.push(
+    ``,
+    `If you need a component from the list above that isn't detailed below, import it by path \u2014 the system will validate usage post-generation.`
+  );
+  return sections.join("\n");
+}
 function formatPlanSummary(plan) {
   if (plan.groups.length === 0) return "";
   const groupLines = plan.groups.map((g) => `  Group "${g.id}" (layout: ${g.layout}): ${g.pages.join(", ")}`);
@@ -7229,9 +5956,9 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
         const sharedSummary = plan.sharedComponents.length > 0 ? plan.sharedComponents.map((c) => `${c.name} \u2192 ${c.usedBy.join(", ")}`).join(" | ") : "";
         const totalPages = plan.groups.reduce((sum, g) => sum + g.pages.length, 0);
         spinner.succeed(`Phase 2/6 \u2014 Architecture plan created`);
-        console.log(chalk9.dim(`  Groups: ${groupsSummary}`));
-        if (sharedSummary) console.log(chalk9.dim(`  Shared: ${sharedSummary}`));
-        console.log(chalk9.dim(`  Total: ${totalPages} pages, ${plan.sharedComponents.length} shared components`));
+        console.log(chalk8.dim(`  Groups: ${groupsSummary}`));
+        if (sharedSummary) console.log(chalk8.dim(`  Shared: ${sharedSummary}`));
+        console.log(chalk8.dim(`  Total: ${totalPages} pages, ${plan.sharedComponents.length} shared components`));
         if (plan.sharedComponents.length > 0 && parseOpts.projectRoot) {
           const allDeps = new Set(plan.sharedComponents.flatMap((c) => c.shadcnDeps));
           if (allDeps.size > 0) {
@@ -7248,7 +5975,7 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
         spinner.warn("Phase 2/6 \u2014 Plan generation failed (continuing without plan)");
       }
       for (const w of planWarnings) {
-        console.log(chalk9.dim(`  ${w}`));
+        console.log(chalk8.dim(`  ${w}`));
       }
     } catch {
       spinner.warn("Phase 2/6 \u2014 Plan generation failed (continuing without plan)");
@@ -7309,7 +6036,7 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
     if (plan && plan.sharedComponents.length > 0) {
       spinner.start(`Phase 4.5/6 \u2014 Generating ${plan.sharedComponents.length} shared components from plan...`);
       try {
-        const { generateSharedComponentsFromPlan } = await import("./plan-generator-QUESV7GS.js");
+        const { generateSharedComponentsFromPlan } = await import("./plan-generator-H55WEIY2.js");
         const generated = await generateSharedComponentsFromPlan(
           plan,
           styleContext,
@@ -7353,6 +6080,7 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
   spinner.start(`Phase 5/6 \u2014 Generating ${remainingPages.length} pages in parallel...`);
   const sharedLayoutNote = "Header and Footer are shared components rendered by the root layout. Do NOT include any site-wide <header>, <nav>, or <footer> in this page. Start with the main content directly.";
   const sharedComponentsNote = buildSharedComponentsNote(parseOpts.sharedComponentsSummary);
+  const currentManifest = projectRoot ? await loadManifest5(projectRoot) : null;
   const routeNote = `EXISTING ROUTES in this project: ${allRoutes}. All internal links MUST point to one of these routes. If a target doesn't exist, use href="#".`;
   const alignmentNote = 'CRITICAL LAYOUT RULE: Every <section> must wrap its content in a container div matching the header width. Use the EXACT same container classes as shown in the style context (e.g. className="container max-w-6xl px-4" or className="max-w-6xl mx-auto px-4"). Inner content can use narrower max-w for text centering, but the outer section container MUST match.';
   const planSummaryNote = plan ? formatPlanSummary(plan) : "";
@@ -7373,6 +6101,7 @@ ${existingAppPageCode}
       const pageType = plan ? getPageType(route, plan) : inferPageTypeFromRoute(route);
       const designConstraints = getDesignQualityForType(pageType);
       const authNote = isAuth ? 'For this auth page: the auth layout already provides centering (flex items-center justify-center min-h-svh). Do NOT add your own centering wrapper or min-h-svh. Just output a div with className="w-full max-w-md" containing the Card. Do NOT use section containers or full-width wrappers.' : void 0;
+      const tieredNote = currentManifest ? buildTieredComponentsPrompt(currentManifest, pageType) : void 0;
       const prompt = [
         `Create ONE page called "${name}" at route "${route}".`,
         `Context: ${message}.`,
@@ -7380,7 +6109,7 @@ ${existingAppPageCode}
         `PAGE TYPE: ${pageType}`,
         designConstraints,
         sharedLayoutNote,
-        sharedComponentsNote,
+        tieredNote || sharedComponentsNote,
         routeNote,
         alignmentNote,
         authNote,
@@ -7413,12 +6142,14 @@ ${existingAppPageCode}
       const pageRoute = page.route || `/${pageName.toLowerCase()}`;
       try {
         const retryPageType = plan ? getPageType(pageRoute, plan) : inferPageTypeFromRoute(pageRoute);
+        const retryTieredNote = currentManifest ? buildTieredComponentsPrompt(currentManifest, retryPageType) : void 0;
         const lightweightPrompt = buildLightweightPagePrompt(
           pageName,
           pageRoute,
           styleContext || "",
           parseOpts.sharedComponentsSummary,
-          retryPageType
+          retryPageType,
+          retryTieredNote
         );
         const retryResult = await parseModification(lightweightPrompt, modCtx, provider, {
           ...parseOpts,
@@ -7549,7 +6280,7 @@ function extractAppNameFromPrompt(prompt) {
 import { resolve as resolve8 } from "path";
 import { mkdir as mkdir4 } from "fs/promises";
 import { dirname as dirname6 } from "path";
-import chalk12 from "chalk";
+import chalk11 from "chalk";
 import {
   getTemplateForPageType,
   loadManifest as loadManifest6,
@@ -7570,7 +6301,7 @@ import {
   TailwindConfigGenerator
 } from "@getcoherent/core";
 import { integrateSharedLayoutIntoRootLayout as integrateSharedLayoutIntoRootLayout2, generateSharedComponent as generateSharedComponent3 } from "@getcoherent/core";
-import chalk10 from "chalk";
+import chalk9 from "chalk";
 
 // src/utils/file-hashes.ts
 import { createHash } from "crypto";
@@ -7674,7 +6405,7 @@ async function canOverwriteShared(projectRoot, componentFile, storedHashes) {
   if (!storedHash) return true;
   const edited = await isManuallyEdited(filePath, storedHash);
   if (edited) {
-    console.log(chalk10.yellow(`  \u26A0 Skipping ${componentFile} \u2014 manually edited since last generation`));
+    console.log(chalk9.yellow(`  \u26A0 Skipping ${componentFile} \u2014 manually edited since last generation`));
   }
   return !edited;
 }
@@ -7737,7 +6468,7 @@ async function regenerateLayout(config2, projectRoot, options = { navChanged: fa
     await ensureAppRouteGroupLayout(projectRoot, config2.navigation?.type, options.navChanged);
   } catch (err) {
     if (process.env.COHERENT_DEBUG === "1") {
-      console.log(chalk10.dim("Layout integration warning:", err));
+      console.log(chalk9.dim("Layout integration warning:", err));
     }
   }
 }
@@ -7879,7 +6610,7 @@ async function regenerateFiles(modified, config2, projectRoot, options = { navCh
     });
     const sharedInstalled = await scanAndInstallSharedDeps(projectRoot);
     if (sharedInstalled.length > 0 && process.env.COHERENT_DEBUG === "1") {
-      console.log(chalk10.dim(`  Auto-installed shared deps: ${sharedInstalled.join(", ")}`));
+      console.log(chalk9.dim(`  Auto-installed shared deps: ${sharedInstalled.join(", ")}`));
     }
   }
   if (componentIds.size > 0) {
@@ -7936,7 +6667,7 @@ function extractBalancedTag(source, tagName) {
 }
 
 // src/commands/chat/reporting.ts
-import chalk11 from "chalk";
+import chalk10 from "chalk";
 function extractImportsFrom(code, fromPath) {
   const escaped = fromPath.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
   const regex = new RegExp(`import\\s*\\{([^}]+)\\}\\s*from\\s*['"\`]${escaped}[^'"\`]*['"\`]`, "g");
@@ -7958,27 +6689,27 @@ function printPostGenerationReport(opts) {
   const iconCount = extractImportsFrom(code, "lucide-react").length;
   const hasInstalled = postFixes.some((f) => f.startsWith("Installed:"));
   const syntaxStatus = postFixes.length > 0 ? postFixes.some((f) => f.includes("metadata")) ? "fixed (escaped metadata quotes) \u2714" : "fixed \u2714" : "valid \u2714";
-  console.log(chalk11.green(`
+  console.log(chalk10.green(`
 \u2705 Page "${pageTitle}" ${action} at ${filePath}
 `));
   if (uiComponents.length > 0) {
-    console.log(chalk11.dim(`  Components:  ${uiComponents.join(", ")} (from @/components/ui)`));
+    console.log(chalk10.dim(`  Components:  ${uiComponents.join(", ")} (from @/components/ui)`));
   }
   if (inCodeShared.length > 0) {
-    console.log(chalk11.dim(`  Shared:      ${inCodeShared.map((s) => `${s.id} (${s.name})`).join(", ")}`));
+    console.log(chalk10.dim(`  Shared:      ${inCodeShared.map((s) => `${s.id} (${s.name})`).join(", ")}`));
   }
   if (layoutShared.length > 0) {
-    console.log(chalk11.dim(`  Layout:      ${layoutShared.map((l) => `${l.id} (${l.name})`).join(", ")} via layout.tsx`));
+    console.log(chalk10.dim(`  Layout:      ${layoutShared.map((l) => `${l.id} (${l.name})`).join(", ")} via layout.tsx`));
   }
   if (iconCount > 0) {
-    console.log(chalk11.dim(`  Icons:       ${iconCount} from lucide-react`));
+    console.log(chalk10.dim(`  Icons:       ${iconCount} from lucide-react`));
   }
   if (hasInstalled) {
-    console.log(chalk11.dim("  Dependencies: installed \u2714"));
+    console.log(chalk10.dim("  Dependencies: installed \u2714"));
   }
-  console.log(chalk11.dim(`  Syntax:      ${syntaxStatus}`));
+  console.log(chalk10.dim(`  Syntax:      ${syntaxStatus}`));
   if (route) {
-    console.log(chalk11.cyan(`
+    console.log(chalk10.cyan(`
   Preview: http://localhost:3000${route}`));
   }
   console.log("");
@@ -7986,35 +6717,35 @@ function printPostGenerationReport(opts) {
 function printSharedComponentReport(opts) {
   const { id, name, file, instruction, postFixes = [] } = opts;
   const syntaxStatus = postFixes.length > 0 ? "fixed \u2714" : "valid \u2714";
-  console.log(chalk11.green(`
+  console.log(chalk10.green(`
 \u2705 Updated ${id} (${name}) at ${file}
 `));
   if (instruction) {
     const snippet = instruction.length > 60 ? instruction.slice(0, 57) + "..." : instruction;
-    console.log(chalk11.dim(`  Changed:     ${snippet}`));
+    console.log(chalk10.dim(`  Changed:     ${snippet}`));
   }
-  console.log(chalk11.dim("  Affects:    all pages via layout.tsx"));
-  console.log(chalk11.dim(`  Syntax:     ${syntaxStatus}`));
+  console.log(chalk10.dim("  Affects:    all pages via layout.tsx"));
+  console.log(chalk10.dim(`  Syntax:     ${syntaxStatus}`));
   console.log("");
 }
 function printLinkSharedReport(opts) {
   const { sharedId, sharedName, pageTarget, route, postFixes = [] } = opts;
   const syntaxStatus = postFixes.length > 0 ? "fixed \u2714" : "valid \u2714";
-  console.log(chalk11.green(`
+  console.log(chalk10.green(`
 \u2705 Linked ${sharedId} (${sharedName}) to page "${pageTarget}"
 `));
-  console.log(chalk11.dim(`  Syntax:     ${syntaxStatus}`));
-  console.log(chalk11.cyan(`  Preview: http://localhost:3000${route}`));
+  console.log(chalk10.dim(`  Syntax:     ${syntaxStatus}`));
+  console.log(chalk10.cyan(`  Preview: http://localhost:3000${route}`));
   console.log("");
 }
 function printPromoteAndLinkReport(opts) {
   const { id, name, file, usedInFiles, postFixes = [] } = opts;
   const syntaxStatus = postFixes.length > 0 ? "fixed \u2714" : "valid \u2714";
-  console.log(chalk11.green(`
+  console.log(chalk10.green(`
 \u2705 Created ${id} (${name}) at ${file}
 `));
-  console.log(chalk11.dim(`  Linked to:  ${usedInFiles.length} page(s)`));
-  console.log(chalk11.dim(`  Syntax:     ${syntaxStatus}`));
+  console.log(chalk10.dim(`  Linked to:  ${usedInFiles.length} page(s)`));
+  console.log(chalk10.dim(`  Syntax:     ${syntaxStatus}`));
   console.log("");
 }
 function showPreview(requests, results, config2, preflightInstalledNames) {
@@ -8032,23 +6763,23 @@ function showPreview(requests, results, config2, preflightInstalledNames) {
   const modifiedSharedComponents = successfulPairs.filter(({ request }) => request.type === "modify-layout-block");
   const modifiedPages = successfulPairs.filter(({ request }) => request.type === "update-page");
   const tokenChanges = successfulPairs.filter(({ request }) => request.type === "update-token");
-  console.log(chalk11.bold.cyan("\n\u{1F4CB} Changes Applied:\n"));
+  console.log(chalk10.bold.cyan("\n\u{1F4CB} Changes Applied:\n"));
   if (preflightInstalledNames && preflightInstalledNames.length > 0) {
-    console.log(chalk11.cyan("\u{1F50D} Pre-flight check: Installed missing components:"));
+    console.log(chalk10.cyan("\u{1F50D} Pre-flight check: Installed missing components:"));
     preflightInstalledNames.forEach((name) => {
-      console.log(chalk11.green(`   \u2728 Auto-installed ${name}`));
+      console.log(chalk10.green(`   \u2728 Auto-installed ${name}`));
     });
     console.log("");
   }
   if (addedComponents.length > 0) {
     const names = addedComponents.map(({ request }) => request.changes.name).filter(Boolean);
-    console.log(chalk11.green("\u{1F4E6} Components:"));
-    console.log(chalk11.white(`   \u2728 Auto-installed: ${names.join(", ")}`));
+    console.log(chalk10.green("\u{1F4E6} Components:"));
+    console.log(chalk10.white(`   \u2728 Auto-installed: ${names.join(", ")}`));
   }
   if (customComponents.length > 0) {
     const names = customComponents.map(({ request }) => request.changes.name).filter(Boolean);
-    if (addedComponents.length === 0) console.log(chalk11.green("\u{1F4E6} Components:"));
-    console.log(chalk11.white(`   \u2728 Created: ${names.join(", ")}`));
+    if (addedComponents.length === 0) console.log(chalk10.green("\u{1F4E6} Components:"));
+    console.log(chalk10.white(`   \u2728 Created: ${names.join(", ")}`));
   }
   const usedComponentIds = /* @__PURE__ */ new Set();
   addedPages.forEach(({ request }) => {
@@ -8063,73 +6794,73 @@ function showPreview(requests, results, config2, preflightInstalledNames) {
   ]);
   const reusedIds = [...usedComponentIds].filter((id) => !newComponentIds.has(id));
   if (reusedIds.length > 0) {
-    if (addedComponents.length === 0 && customComponents.length === 0) console.log(chalk11.green("\u{1F4E6} Components:"));
-    console.log(chalk11.white(`   \u{1F504} Reused: ${reusedIds.join(", ")}`));
+    if (addedComponents.length === 0 && customComponents.length === 0) console.log(chalk10.green("\u{1F4E6} Components:"));
+    console.log(chalk10.white(`   \u{1F504} Reused: ${reusedIds.join(", ")}`));
   }
   if (addedComponents.length > 0 || customComponents.length > 0 || reusedIds.length > 0) {
     console.log("");
   }
   if (addedPages.length > 0) {
-    console.log(chalk11.green("\u{1F4C4} Pages Created:"));
+    console.log(chalk10.green("\u{1F4C4} Pages Created:"));
     addedPages.forEach(({ request }) => {
       const page = request.changes;
       const route = page.route || "/";
-      console.log(chalk11.white(`   \u2728 ${page.name || "Page"}`));
-      console.log(chalk11.gray(`      Route: ${route}`));
+      console.log(chalk10.white(`   \u2728 ${page.name || "Page"}`));
+      console.log(chalk10.gray(`      Route: ${route}`));
       const configPage = config2.pages?.find((p) => p.id === page.id || p.route === (page.route || "/"));
       const sectionCount = configPage?.pageAnalysis?.sections?.length ?? page.sections?.length ?? 0;
-      console.log(chalk11.gray(`      Sections: ${sectionCount}`));
+      console.log(chalk10.gray(`      Sections: ${sectionCount}`));
     });
     console.log("");
   }
   if (modifiedComponents.length > 0 || modifiedSharedComponents.length > 0 || modifiedPages.length > 0 || tokenChanges.length > 0) {
-    console.log(chalk11.yellow("\u{1F527} Modified:"));
+    console.log(chalk10.yellow("\u{1F527} Modified:"));
     modifiedComponents.forEach(({ result }) => {
-      console.log(chalk11.white(`   \u2022 ${result.message}`));
+      console.log(chalk10.white(`   \u2022 ${result.message}`));
     });
     modifiedSharedComponents.forEach(({ result }) => {
-      console.log(chalk11.white(`   \u2022 ${result.message}`));
+      console.log(chalk10.white(`   \u2022 ${result.message}`));
     });
     modifiedPages.forEach(({ result }) => {
-      console.log(chalk11.white(`   \u2022 ${result.message}`));
+      console.log(chalk10.white(`   \u2022 ${result.message}`));
     });
     tokenChanges.forEach(({ result }) => {
-      console.log(chalk11.white(`   \u2022 ${result.message}`));
+      console.log(chalk10.white(`   \u2022 ${result.message}`));
     });
     console.log("");
   }
   if (failedPairs.length > 0) {
-    console.log(chalk11.red("\u274C Failed modifications:"));
+    console.log(chalk10.red("\u274C Failed modifications:"));
     failedPairs.forEach(({ result }) => {
-      console.log(chalk11.gray(`   \u2716 ${result.message}`));
+      console.log(chalk10.gray(`   \u2716 ${result.message}`));
     });
     console.log("");
   }
   const successCount = successfulPairs.length;
   const totalCount = results.length;
   if (successCount === totalCount) {
-    console.log(chalk11.green.bold(`\u2705 Success! ${successCount} modification(s) applied
+    console.log(chalk10.green.bold(`\u2705 Success! ${successCount} modification(s) applied
 `));
   } else {
-    console.log(chalk11.yellow.bold(`\u26A0\uFE0F  Partial success: ${successCount}/${totalCount} modification(s) applied
+    console.log(chalk10.yellow.bold(`\u26A0\uFE0F  Partial success: ${successCount}/${totalCount} modification(s) applied
 `));
   }
   if (addedPages.length > 0) {
     const firstPage = addedPages[0].request.changes;
     const route = firstPage?.route || "/";
-    console.log(chalk11.cyan("\u{1F680} What's next:\n"));
-    console.log(chalk11.white("   \u{1F4FA} View in browser:"));
-    console.log(chalk11.cyan("      coherent preview"));
-    console.log(chalk11.gray(`      \u2192 Opens http://localhost:3000${route}
+    console.log(chalk10.cyan("\u{1F680} What's next:\n"));
+    console.log(chalk10.white("   \u{1F4FA} View in browser:"));
+    console.log(chalk10.cyan("      coherent preview"));
+    console.log(chalk10.gray(`      \u2192 Opens http://localhost:3000${route}
 `));
-    console.log(chalk11.white("   \u{1F3A8} Customize:"));
-    console.log(chalk11.cyan('      coherent chat "make buttons rounded"'));
-    console.log(chalk11.cyan(`      coherent chat "add hero section to ${firstPage?.name ?? "page"}"`));
+    console.log(chalk10.white("   \u{1F3A8} Customize:"));
+    console.log(chalk10.cyan('      coherent chat "make buttons rounded"'));
+    console.log(chalk10.cyan(`      coherent chat "add hero section to ${firstPage?.name ?? "page"}"`));
     console.log("");
   } else if (successCount > 0) {
-    console.log(chalk11.cyan("\u{1F680} What's next:\n"));
-    console.log(chalk11.white("   \u{1F4FA} Preview changes:"));
-    console.log(chalk11.cyan("      coherent preview\n"));
+    console.log(chalk10.cyan("\u{1F680} What's next:\n"));
+    console.log(chalk10.white("   \u{1F4FA} Preview changes:"));
+    console.log(chalk10.cyan("      coherent preview\n"));
   }
 }
 function getChangeDescription(request, config2) {
@@ -8278,8 +7009,8 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
       const newCode = await ai.editSharedComponentCode(currentCode, instruction, resolved.name);
       const { fixedCode, fixes } = await validateAndFixGeneratedCode(projectRoot, newCode, { isPage: false });
       if (fixes.length > 0) {
-        console.log(chalk12.dim("  \u{1F527} Post-generation fixes:"));
-        fixes.forEach((f) => console.log(chalk12.dim(`     ${f}`)));
+        console.log(chalk11.dim("  \u{1F527} Post-generation fixes:"));
+        fixes.forEach((f) => console.log(chalk11.dim(`     ${f}`)));
       }
       await writeFile(fullPath, fixedCode);
       printSharedComponentReport({
@@ -8352,8 +7083,8 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
       const newPageCode = await ai.replaceInlineWithShared(pageCode, sharedCode, resolved.name, changes?.blockHint);
       const { fixedCode, fixes } = await validateAndFixGeneratedCode(projectRoot, newPageCode, { isPage: true });
       if (fixes.length > 0) {
-        console.log(chalk12.dim("  \u{1F527} Post-generation fixes:"));
-        fixes.forEach((f) => console.log(chalk12.dim(`     ${f}`)));
+        console.log(chalk11.dim("  \u{1F527} Post-generation fixes:"));
+        fixes.forEach((f) => console.log(chalk11.dim(`     ${f}`)));
       }
       await writeFile(pageFilePath, fixedCode);
       const manifest = await loadManifest6(projectRoot);
@@ -8455,8 +7186,8 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
         const newCode = await ai.replaceInlineWithShared(linkPageCode, sharedCode, created.name, blockHint);
         const { fixedCode, fixes } = await validateAndFixGeneratedCode(projectRoot, newCode, { isPage: true });
         if (fixes.length > 0) {
-          console.log(chalk12.dim("  \u{1F527} Post-generation fixes:"));
-          fixes.forEach((f) => console.log(chalk12.dim(`     ${f}`)));
+          console.log(chalk11.dim("  \u{1F527} Post-generation fixes:"));
+          fixes.forEach((f) => console.log(chalk11.dim(`     ${f}`)));
         }
         await writeFile(fullPath, fixedCode);
         usedInFiles.push(relPath);
@@ -8547,7 +7278,7 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
       const aiPageCode = typeof page.pageCode === "string" && page.pageCode.trim() !== "" ? page.pageCode : void 0;
       if (aiPageCode) {
         finalPageCode = aiPageCode;
-        if (DEBUG2) console.log(chalk12.dim(`  [pageCode] Using AI-generated pageCode (user content priority)`));
+        if (DEBUG2) console.log(chalk11.dim(`  [pageCode] Using AI-generated pageCode (user content priority)`));
       } else {
         const inferredType = page.pageType || inferPageType(page.route || "", page.name || "");
         if (inferredType) {
@@ -8562,19 +7293,19 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
               const content = page.structuredContent || getDefaultContent(inferredType, page.name || pageName);
               finalPageCode = templateFn(content, opts);
               if (DEBUG2)
-                console.log(chalk12.dim(`  [template] Used "${inferredType}" template (inferred from route/name)`));
+                console.log(chalk11.dim(`  [template] Used "${inferredType}" template (inferred from route/name)`));
             } catch {
-              if (DEBUG2) console.log(chalk12.dim(`  [template] Failed for "${inferredType}"`));
+              if (DEBUG2) console.log(chalk11.dim(`  [template] Failed for "${inferredType}"`));
             }
           }
         }
       }
       if (!finalPageCode) {
-        console.log(chalk12.yellow(`
+        console.log(chalk11.yellow(`
 \u26A0\uFE0F  Page "${page.name || page.id}" has no generated code \u2014 it will appear empty.`));
-        console.log(chalk12.dim("   This usually means the AI did not produce pageCode for this page."));
+        console.log(chalk11.dim("   This usually means the AI did not produce pageCode for this page."));
         console.log(
-          chalk12.dim(
+          chalk11.dim(
             '   Try running: coherent chat "regenerate the ' + (page.name || page.id) + ' page with full content"'
           )
         );
@@ -8646,8 +7377,8 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
           const allFixes = [...postFixes, ...autoFixes];
           if (stripped.length > 0) allFixes.push(`stripped inline ${stripped.join(", ")} (layout owns these)`);
           if (allFixes.length > 0) {
-            console.log(chalk12.dim("  \u{1F527} Post-generation fixes:"));
-            allFixes.forEach((f) => console.log(chalk12.dim(`     ${f}`)));
+            console.log(chalk11.dim("  \u{1F527} Post-generation fixes:"));
+            allFixes.forEach((f) => console.log(chalk11.dim(`     ${f}`)));
           }
           await writeFile(filePath, codeToWrite);
           const pageIdx = dsm.getConfig().pages.findIndex((p) => p.id === page.id);
@@ -8684,7 +7415,7 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
           const errors = issues.filter((i) => i.severity === "error");
           if (errors.length >= 2 && aiProvider) {
             console.log(
-              chalk12.yellow(`
+              chalk11.yellow(`
 \u{1F504} ${errors.length} quality errors \u2014 attempting AI fix for ${page.name || page.id}...`)
             );
             try {
@@ -8713,7 +7444,7 @@ Rules:
                     await writeFile(filePath, codeToWrite);
                     issues = validatePageQuality(codeToWrite, void 0, qualityPageType);
                     const finalErrors = issues.filter((i) => i.severity === "error").length;
-                    console.log(chalk12.green(`   \u2714 Quality fix: ${errors.length} \u2192 ${finalErrors} errors`));
+                    console.log(chalk11.green(`   \u2714 Quality fix: ${errors.length} \u2192 ${finalErrors} errors`));
                   }
                 }
               }
@@ -8722,15 +7453,15 @@ Rules:
           }
           const report = formatIssues(issues);
           if (report) {
-            console.log(chalk12.yellow(`
+            console.log(chalk11.yellow(`
 \u{1F50D} Quality check for ${page.name || page.id}:`));
-            console.log(chalk12.dim(report));
+            console.log(chalk11.dim(report));
           }
           const consistency = checkDesignConsistency(codeToWrite);
           if (consistency.length > 0) {
-            console.log(chalk12.yellow(`
+            console.log(chalk11.yellow(`
 \u{1F3A8} Design consistency for ${page.name || page.id}:`));
-            consistency.forEach((w) => console.log(chalk12.dim(`   \u26A0 [${w.type}] ${w.message}`)));
+            consistency.forEach((w) => console.log(chalk11.dim(`   \u26A0 [${w.type}] ${w.message}`)));
           }
         }
       }
@@ -8745,9 +7476,9 @@ Rules:
       const changes = request.changes;
       const instruction = originalMessage || (typeof changes?.instruction === "string" ? changes.instruction : void 0);
       let resolvedPageCode = typeof changes?.pageCode === "string" && changes.pageCode.trim() !== "" ? changes.pageCode : void 0;
-      if (DEBUG2 && instruction) console.log(chalk12.dim(`  [update-page] instruction: ${instruction.slice(0, 120)}...`));
+      if (DEBUG2 && instruction) console.log(chalk11.dim(`  [update-page] instruction: ${instruction.slice(0, 120)}...`));
       if (DEBUG2 && resolvedPageCode)
-        console.log(chalk12.dim(`  [update-page] has pageCode (${resolvedPageCode.length} chars)`));
+        console.log(chalk11.dim(`  [update-page] has pageCode (${resolvedPageCode.length} chars)`));
       const configChanges = { ...changes };
       delete configChanges.pageCode;
       delete configChanges.pageType;
@@ -8771,12 +7502,12 @@ Rules:
             try {
               currentCode = await readFile(absPath);
             } catch {
-              if (DEBUG2) console.log(chalk12.dim(`  [update-page] Could not read current file at ${absPath}`));
+              if (DEBUG2) console.log(chalk11.dim(`  [update-page] Could not read current file at ${absPath}`));
             }
             if (currentCode) {
               const ai = await createAIProvider(aiProvider ?? "auto");
               if (ai.editPageCode) {
-                console.log(chalk12.dim("  \u270F\uFE0F  Applying changes to existing page..."));
+                console.log(chalk11.dim("  \u270F\uFE0F  Applying changes to existing page..."));
                 const coreRules = CORE_CONSTRAINTS;
                 const pageRoute = pageDef.route || `/${pageDef.id}`;
                 const pageType = inferPageTypeFromRoute(pageRoute);
@@ -8799,15 +7530,15 @@ ${contextualRules}
 ${routeRules}
 ${pagesCtx}`
                 );
-                if (DEBUG2) console.log(chalk12.dim(`  [update-page] AI returned ${resolvedPageCode.length} chars`));
+                if (DEBUG2) console.log(chalk11.dim(`  [update-page] AI returned ${resolvedPageCode.length} chars`));
                 const editIssues = verifyIncrementalEdit(currentCode, resolvedPageCode);
                 if (editIssues.length > 0) {
-                  console.log(chalk12.yellow(`
+                  console.log(chalk11.yellow(`
 \u26A0 Incremental edit issues for ${pageDef.name || pageDef.id}:`));
-                  editIssues.forEach((issue) => console.log(chalk12.dim(`   [${issue.type}] ${issue.message}`)));
+                  editIssues.forEach((issue) => console.log(chalk11.dim(`   [${issue.type}] ${issue.message}`)));
                 }
               } else {
-                console.log(chalk12.yellow("  \u26A0 AI provider does not support editPageCode"));
+                console.log(chalk11.yellow("  \u26A0 AI provider does not support editPageCode"));
               }
             }
           }
@@ -8865,8 +7596,8 @@ ${pagesCtx}`
             const allFixes = [...postFixes, ...autoFixes];
             if (stripped.length > 0) allFixes.push(`stripped inline ${stripped.join(", ")} (layout owns these)`);
             if (allFixes.length > 0) {
-              console.log(chalk12.dim("  \u{1F527} Post-generation fixes:"));
-              allFixes.forEach((f) => console.log(chalk12.dim(`     ${f}`)));
+              console.log(chalk11.dim("  \u{1F527} Post-generation fixes:"));
+              allFixes.forEach((f) => console.log(chalk11.dim(`     ${f}`)));
             }
             await writeFile(absPath, codeToWrite);
             const updatePageIdx = dsm.getConfig().pages.findIndex((p) => p.id === pageDef.id);
@@ -8902,15 +7633,15 @@ ${pagesCtx}`
             const issues = validatePageQuality(codeToWrite, void 0, qualityPageType2);
             const report = formatIssues(issues);
             if (report) {
-              console.log(chalk12.yellow(`
+              console.log(chalk11.yellow(`
 \u{1F50D} Quality check for ${pageDef.name || pageDef.id}:`));
-              console.log(chalk12.dim(report));
+              console.log(chalk11.dim(report));
             }
             const consistency = checkDesignConsistency(codeToWrite);
             if (consistency.length > 0) {
-              console.log(chalk12.yellow(`
+              console.log(chalk11.yellow(`
 \u{1F3A8} Design consistency for ${pageDef.name || pageDef.id}:`));
-              consistency.forEach((w) => console.log(chalk12.dim(`   \u26A0 [${w.type}] ${w.message}`)));
+              consistency.forEach((w) => console.log(chalk11.dim(`   \u26A0 [${w.type}] ${w.message}`)));
             }
           } else {
             try {
@@ -8925,8 +7656,8 @@ ${pagesCtx}`
               if (fixes.length > 0) {
                 code = fixed;
                 await writeFile(absPath, code);
-                console.log(chalk12.dim("  \u{1F527} Auto-fixes applied:"));
-                fixes.forEach((f) => console.log(chalk12.dim(`     ${f}`)));
+                console.log(chalk11.dim("  \u{1F527} Auto-fixes applied:"));
+                fixes.forEach((f) => console.log(chalk11.dim(`     ${f}`)));
               }
               const relFilePath = routeToRelPath(route, isAuth);
               const manifest = await loadManifest6(projectRoot);
@@ -8945,9 +7676,9 @@ ${pagesCtx}`
               const issues = validatePageQuality(code, void 0, pageTypeForQuality);
               const report = formatIssues(issues);
               if (report) {
-                console.log(chalk12.yellow(`
+                console.log(chalk11.yellow(`
 \u{1F50D} Quality check for ${pageDef.name || pageDef.id}:`));
-                console.log(chalk12.dim(report));
+                console.log(chalk11.dim(report));
               }
             } catch {
             }
@@ -9070,7 +7801,7 @@ function hasNavChanged(before, after) {
 }
 
 // src/commands/chat/interactive.ts
-import chalk13 from "chalk";
+import chalk12 from "chalk";
 import { resolve as resolve9 } from "path";
 import { existsSync as existsSync16, readFileSync as readFileSync11, writeFileSync as writeFileSync8, mkdirSync as mkdirSync5 } from "fs";
 import { DesignSystemManager as DesignSystemManager6, ComponentManager as ComponentManager4, loadManifest as loadManifest7 } from "@getcoherent/core";
@@ -9088,7 +7819,7 @@ async function interactiveChat(options, chatCommandFn) {
   const validProviders = ["claude", "openai", "auto"];
   const provider = (options.provider || "auto").toLowerCase();
   if (!validProviders.includes(provider)) {
-    console.error(chalk13.red(`
+    console.error(chalk12.red(`
 \u274C Invalid provider: ${options.provider}`));
     process.exit(1);
   }
@@ -9103,13 +7834,13 @@ async function interactiveChat(options, chatCommandFn) {
   } catch (e) {
     if (DEBUG3) console.error("Failed to load REPL history:", e);
   }
-  console.log(chalk13.cyan("\n\u{1F3A8} Coherent Interactive Mode"));
-  console.log(chalk13.dim("   Type your requests, or use built-in commands."));
-  console.log(chalk13.dim('   Type "help" for available commands, "exit" to quit.\n'));
+  console.log(chalk12.cyan("\n\u{1F3A8} Coherent Interactive Mode"));
+  console.log(chalk12.dim("   Type your requests, or use built-in commands."));
+  console.log(chalk12.dim('   Type "help" for available commands, "exit" to quit.\n'));
   const rl = createInterface({
     input: process.stdin,
     output: process.stdout,
-    prompt: chalk13.cyan("Coherent> "),
+    prompt: chalk12.cyan("Coherent> "),
     history,
     historySize: 200
   });
@@ -9123,37 +7854,45 @@ async function interactiveChat(options, chatCommandFn) {
     const lower = input.toLowerCase();
     if (lower === "exit" || lower === "quit" || lower === "q") {
       saveHistory();
-      console.log(chalk13.dim("\nBye!\n"));
+      console.log(chalk12.dim("\nBye!\n"));
       rl.close();
       process.exit(0);
     }
     if (lower === "help") {
-      console.log(chalk13.bold("\n  Built-in commands:"));
-      console.log(chalk13.white("    components") + chalk13.dim("  \u2014 list shared and UI components"));
-      console.log(chalk13.white("    pages") + chalk13.dim("      \u2014 list all pages"));
-      console.log(chalk13.white("    tokens") + chalk13.dim("     \u2014 show design tokens"));
-      console.log(chalk13.white("    status") + chalk13.dim("     \u2014 project summary"));
-      console.log(chalk13.white("    help") + chalk13.dim("       \u2014 this help"));
-      console.log(chalk13.white("    exit") + chalk13.dim("       \u2014 quit interactive mode"));
-      console.log(chalk13.bold("\n  Target shortcuts:"));
-      console.log(chalk13.white("    @ComponentName <msg>") + chalk13.dim(" \u2014 target a shared component"));
-      console.log(chalk13.white("    @/route <msg>") + chalk13.dim("         \u2014 target a page by route"));
-      console.log(chalk13.dim("\n  Anything else is sent to AI as a modification request.\n"));
+      console.log(chalk12.bold("\n  Built-in commands:"));
+      console.log(chalk12.white("    components") + chalk12.dim("  \u2014 list shared and UI components"));
+      console.log(chalk12.white("    pages") + chalk12.dim("      \u2014 list all pages"));
+      console.log(chalk12.white("    tokens") + chalk12.dim("     \u2014 show design tokens"));
+      console.log(chalk12.white("    status") + chalk12.dim("     \u2014 project summary"));
+      console.log(chalk12.white("    help") + chalk12.dim("       \u2014 this help"));
+      console.log(chalk12.white("    exit") + chalk12.dim("       \u2014 quit interactive mode"));
+      console.log(chalk12.bold("\n  Target shortcuts:"));
+      console.log(chalk12.white("    @ComponentName <msg>") + chalk12.dim(" \u2014 target a shared component"));
+      console.log(chalk12.white("    @/route <msg>") + chalk12.dim("         \u2014 target a page by route"));
+      console.log(chalk12.dim("\n  Anything else is sent to AI as a modification request.\n"));
       rl.prompt();
       return;
     }
     if (lower === "components" || lower === "list components" || lower.includes("what components")) {
       const manifest = await loadManifest7(projectRoot);
       if (manifest.shared.length === 0) {
-        console.log(chalk13.gray("\n  No shared components yet.\n"));
+        console.log(chalk12.gray("\n  No shared components yet.\n"));
       } else {
         console.log("");
-        const order = { layout: 0, section: 1, widget: 2 };
+        const order = {
+          layout: 0,
+          navigation: 1,
+          "data-display": 2,
+          form: 3,
+          feedback: 4,
+          section: 5,
+          widget: 6
+        };
         const sorted = [...manifest.shared].sort((a, b) => (order[a.type] ?? 9) - (order[b.type] ?? 9));
         sorted.forEach((entry) => {
-          const usage = entry.usedIn.includes("app/layout.tsx") ? chalk13.green("all pages") : entry.usedIn.length > 0 ? chalk13.gray(entry.usedIn.join(", ")) : chalk13.gray("unused");
+          const usage = entry.usedIn.includes("app/layout.tsx") ? chalk12.green("all pages") : entry.usedIn.length > 0 ? chalk12.gray(entry.usedIn.join(", ")) : chalk12.gray("unused");
           console.log(
-            `  ${chalk13.cyan(entry.id.padEnd(8))} ${chalk13.white(entry.name.padEnd(18))} ${chalk13.gray(entry.type.padEnd(9))} ${usage}`
+            `  ${chalk12.cyan(entry.id.padEnd(8))} ${chalk12.white(entry.name.padEnd(18))} ${chalk12.gray(entry.type.padEnd(9))} ${usage}`
           );
         });
         console.log("");
@@ -9164,11 +7903,11 @@ async function interactiveChat(options, chatCommandFn) {
     if (lower === "pages" || lower === "list pages" || lower.includes("what pages")) {
       const currentConfig = dsm.getConfig();
       if (currentConfig.pages.length === 0) {
-        console.log(chalk13.gray("\n  No pages yet.\n"));
+        console.log(chalk12.gray("\n  No pages yet.\n"));
       } else {
         console.log("");
         currentConfig.pages.forEach((p) => {
-          console.log(`  ${chalk13.white(p.name.padEnd(22))} ${chalk13.gray(p.route)}`);
+          console.log(`  ${chalk12.white(p.name.padEnd(22))} ${chalk12.gray(p.route)}`);
         });
         console.log("");
       }
@@ -9178,10 +7917,10 @@ async function interactiveChat(options, chatCommandFn) {
     if (lower === "status") {
       const currentConfig = dsm.getConfig();
       const manifest = await loadManifest7(projectRoot);
-      console.log(chalk13.bold(`
+      console.log(chalk12.bold(`
   ${currentConfig.name || "Coherent Project"}`));
       console.log(
-        chalk13.dim(
+        chalk12.dim(
           `  Pages: ${currentConfig.pages.length}  |  Shared components: ${manifest.shared.length}  |  UI components: ${cm.getAllComponents().length}
 `
         )
@@ -9192,21 +7931,21 @@ async function interactiveChat(options, chatCommandFn) {
     if (lower === "tokens" || lower === "show tokens" || lower === "design tokens") {
       const currentConfig = dsm.getConfig();
       const t = currentConfig.tokens;
-      console.log(chalk13.bold("\n  Design Tokens\n"));
-      console.log(chalk13.cyan("  Colors (light)"));
+      console.log(chalk12.bold("\n  Design Tokens\n"));
+      console.log(chalk12.cyan("  Colors (light)"));
       for (const [k, v] of Object.entries(t.colors.light)) {
-        console.log(`    ${chalk13.white(k.padEnd(14))} ${chalk13.gray(v)}`);
+        console.log(`    ${chalk12.white(k.padEnd(14))} ${chalk12.gray(v)}`);
       }
-      console.log(chalk13.cyan("\n  Typography"));
-      console.log(`    ${chalk13.white("sans".padEnd(14))} ${chalk13.gray(t.typography.fontFamily.sans)}`);
-      console.log(`    ${chalk13.white("mono".padEnd(14))} ${chalk13.gray(t.typography.fontFamily.mono)}`);
-      console.log(chalk13.cyan("\n  Spacing"));
+      console.log(chalk12.cyan("\n  Typography"));
+      console.log(`    ${chalk12.white("sans".padEnd(14))} ${chalk12.gray(t.typography.fontFamily.sans)}`);
+      console.log(`    ${chalk12.white("mono".padEnd(14))} ${chalk12.gray(t.typography.fontFamily.mono)}`);
+      console.log(chalk12.cyan("\n  Spacing"));
       for (const [k, v] of Object.entries(t.spacing)) {
-        console.log(`    ${chalk13.white(k.padEnd(14))} ${chalk13.gray(v)}`);
+        console.log(`    ${chalk12.white(k.padEnd(14))} ${chalk12.gray(v)}`);
       }
-      console.log(chalk13.cyan("\n  Radius"));
+      console.log(chalk12.cyan("\n  Radius"));
       for (const [k, v] of Object.entries(t.radius)) {
-        console.log(`    ${chalk13.white(k.padEnd(14))} ${chalk13.gray(v)}`);
+        console.log(`    ${chalk12.white(k.padEnd(14))} ${chalk12.gray(v)}`);
       }
       console.log("");
       rl.prompt();
@@ -9228,7 +7967,7 @@ async function interactiveChat(options, chatCommandFn) {
       await dsm.load();
     } catch (err) {
       if (!err._printed) {
-        console.error(chalk13.red(`
+        console.error(chalk12.red(`
   Error: ${err.message}
 `));
       }
@@ -9260,8 +7999,8 @@ async function chatCommand(message, options) {
     process.exit(1);
   };
   if (!message) {
-    console.error(chalk14.red('\n\u274C No message provided. Use: coherent chat "your request"\n'));
-    console.log(chalk14.dim("   Or use interactive mode: coherent chat -i\n"));
+    console.error(chalk13.red('\n\u274C No message provided. Use: coherent chat "your request"\n'));
+    console.log(chalk13.dim("   Or use interactive mode: coherent chat -i\n"));
     bail("No message provided");
   }
   const spinner = ora2("Processing your request...").start();
@@ -9271,7 +8010,7 @@ async function chatCommand(message, options) {
   const migrationGuard = join11(projectRoot, ".coherent", "migration-in-progress");
   if (existsSync17(migrationGuard)) {
     spinner.fail("Migration in progress");
-    console.error(chalk14.red("\n\u274C A migration is in progress. Run `coherent migrate --rollback` to undo first."));
+    console.error(chalk13.red("\n\u274C A migration is in progress. Run `coherent migrate --rollback` to undo first."));
     bail("Migration in progress");
   }
   const validProviders = ["claude", "openai", "auto"];
@@ -9281,20 +8020,20 @@ async function chatCommand(message, options) {
     releaseLock = await acquireProjectLock(projectRoot);
     if (!validProviders.includes(provider)) {
       spinner.fail("Invalid provider");
-      console.error(chalk14.red(`
+      console.error(chalk13.red(`
 \u274C Invalid provider: ${options.provider}`));
-      console.log(chalk14.dim(`Valid options: ${validProviders.join(", ")}`));
+      console.log(chalk13.dim(`Valid options: ${validProviders.join(", ")}`));
       bail(`Invalid provider: ${options.provider}`);
     }
     spinner.text = "Loading design system configuration...";
     const config2 = await loadConfig(configPath);
     if (config2.coherentVersion && config2.coherentVersion !== CLI_VERSION2) {
       spinner.stop();
-      console.log(chalk14.yellow("\n\u26A0\uFE0F  Version mismatch detected\n"));
-      console.log(chalk14.gray("   Project created with: ") + chalk14.white(`v${config2.coherentVersion}`));
-      console.log(chalk14.gray("   Current CLI version: ") + chalk14.white(`v${CLI_VERSION2}`));
-      console.log(chalk14.cyan("\n   \u{1F4A1} Run `coherent update` to apply latest changes to your project.\n"));
-      console.log(chalk14.dim("   Continuing anyway...\n"));
+      console.log(chalk13.yellow("\n\u26A0\uFE0F  Version mismatch detected\n"));
+      console.log(chalk13.gray("   Project created with: ") + chalk13.white(`v${config2.coherentVersion}`));
+      console.log(chalk13.gray("   Current CLI version: ") + chalk13.white(`v${CLI_VERSION2}`));
+      console.log(chalk13.cyan("\n   \u{1F4A1} Run `coherent update` to apply latest changes to your project.\n"));
+      console.log(chalk13.dim("   Continuing anyway...\n"));
       spinner.start("Loading design system configuration...");
     }
     if (needsGlobalsFix(projectRoot)) {
@@ -9314,6 +8053,64 @@ async function chatCommand(message, options) {
     const pm = new PageManager3(config2, cm);
     spinner.succeed("Configuration loaded");
     message = await resolveTargetFlags(message, options, config2, projectRoot);
+    if (options.newComponent) {
+      const componentName = options.newComponent;
+      spinner.start(`Creating shared component: ${componentName}...`);
+      const { createAIProvider: createAIProvider2 } = await import("./ai-provider-HUQO64P3.js");
+      const { generateSharedComponent: generateSharedComponent7 } = await import("@getcoherent/core");
+      const { autoFixCode: autoFixCode2 } = await import("./quality-validator-3K5BMJSR.js");
+      const { extractPropsInterface, extractDependencies } = await import("./component-extractor-VYJLT5NR.js");
+      const aiProvider = await createAIProvider2(provider ?? "auto");
+      const prompt = `Generate a React component called "${componentName}". Description: ${message}.
+Use shadcn/ui components and Tailwind CSS semantic tokens. Export the component as a named export.
+Include a TypeScript props interface.
+Return JSON: { "requests": [{ "type": "add-page", "changes": { "name": "${componentName}", "pageCode": "...full TSX..." } }] }`;
+      const raw = await aiProvider.parseModification(prompt);
+      const requests2 = Array.isArray(raw) ? raw : raw?.requests ?? [];
+      const codeMatch = requests2.find(
+        (r) => r.changes?.pageCode
+      );
+      const rawCode = codeMatch?.changes?.pageCode || "";
+      if (!rawCode) {
+        spinner.fail(`Could not generate component ${componentName}`);
+        releaseLock?.();
+        return;
+      }
+      const { code: fixedCode } = await autoFixCode2(rawCode);
+      const props = extractPropsInterface(fixedCode);
+      const deps = extractDependencies(fixedCode);
+      const componentType = options.type || "section";
+      const genResult = await generateSharedComponent7(projectRoot, {
+        name: componentName,
+        type: componentType,
+        code: fixedCode,
+        description: message,
+        propsInterface: props ?? void 0,
+        dependencies: deps,
+        source: "manual"
+      });
+      if (!options.type) {
+        try {
+          const { classifyComponents } = await import("./ai-classifier-EGXPFJLN.js");
+          const classifications = await classifyComponents(
+            [{ name: componentName, signature: props || componentName }],
+            async (p) => JSON.stringify(await aiProvider.generateJSON("You are a component classifier.", p))
+          );
+          if (classifications.length > 0) {
+            let manifest2 = await loadManifest8(projectRoot);
+            manifest2 = updateEntry(manifest2, genResult.id, {
+              type: classifications[0].type,
+              description: classifications[0].description || message
+            });
+            await saveManifest2(projectRoot, manifest2);
+          }
+        } catch {
+        }
+      }
+      spinner.succeed(`Created ${genResult.name} (${genResult.id}) at ${genResult.file}`);
+      releaseLock?.();
+      return;
+    }
     const isPageGenRequest = /\bpages?\s*[:)]/i.test(message) || /\bcreate\b.*\bpage/i.test(message) || message.length > 200;
     if (!isPageGenRequest) {
       if (/switch to dark mode|default to dark|make.*dark.*(default|theme)|dark theme/i.test(message)) {
@@ -9321,9 +8118,9 @@ async function chatCommand(message, options) {
         const done = await setDefaultDarkTheme(projectRoot);
         spinner.stop();
         if (done) {
-          console.log(chalk14.green("\n\u2705 Default theme set to dark. Reload the app to see changes.\n"));
+          console.log(chalk13.green("\n\u2705 Default theme set to dark. Reload the app to see changes.\n"));
         } else {
-          console.log(chalk14.yellow("\n\u26A0\uFE0F  Could not update layout (app/layout.tsx not found).\n"));
+          console.log(chalk13.yellow("\n\u26A0\uFE0F  Could not update layout (app/layout.tsx not found).\n"));
         }
         return;
       }
@@ -9339,10 +8136,10 @@ async function chatCommand(message, options) {
           dsm.updateConfig(cfg);
           dsm.save();
           spinner.stop();
-          console.log(chalk14.green("\n\u2705 Default theme set to light. Reload the app to see changes.\n"));
+          console.log(chalk13.green("\n\u2705 Default theme set to light. Reload the app to see changes.\n"));
         } catch {
           spinner.stop();
-          console.log(chalk14.yellow("\n\u26A0\uFE0F  Could not update layout (app/layout.tsx not found).\n"));
+          console.log(chalk13.yellow("\n\u26A0\uFE0F  Could not update layout (app/layout.tsx not found).\n"));
         }
         return;
       }
@@ -9352,7 +8149,7 @@ async function chatCommand(message, options) {
           const { created, id } = await ensureThemeToggle(projectRoot);
           spinner.stop();
           console.log(
-            chalk14.green(
+            chalk13.green(
               `
 \u2705 ${created ? `Created ${id} (ThemeToggle) and added to layout` : "ThemeToggle already present; layout updated"}.
 `
@@ -9360,7 +8157,7 @@ async function chatCommand(message, options) {
           );
         } catch (e) {
           spinner.fail("Failed to add theme toggle");
-          if (e instanceof Error) console.error(chalk14.red("\n\u274C " + e.message + "\n"));
+          if (e instanceof Error) console.error(chalk13.red("\n\u274C " + e.message + "\n"));
         }
         return;
       }
@@ -9376,12 +8173,12 @@ async function chatCommand(message, options) {
       manifest = { ...manifest, shared: validShared };
       await saveManifest2(project.root, manifest);
       if (DEBUG4) {
-        console.log(chalk14.dim(`[pre-gen] Cleaned ${cleaned} orphaned component(s) from manifest`));
+        console.log(chalk13.dim(`[pre-gen] Cleaned ${cleaned} orphaned component(s) from manifest`));
       }
     }
     const sharedComponentsSummary = buildSharedComponentsSummary(manifest);
     if (DEBUG4 && sharedComponentsSummary) {
-      console.log(chalk14.dim("[add-page] sharedComponentsSummary in prompt:\n" + sharedComponentsSummary));
+      console.log(chalk13.dim("[add-page] sharedComponentsSummary in prompt:\n" + sharedComponentsSummary));
     }
     let requests;
     let uxRecommendations;
@@ -9488,10 +8285,10 @@ async function chatCommand(message, options) {
     }
     if (requests.length === 0) {
       spinner.fail("No modifications found in your request");
-      console.log(chalk14.yellow("\n\u{1F4A1} Try being more specific, e.g.:"));
-      console.log(chalk14.dim('  - "make buttons blue"'));
-      console.log(chalk14.dim('  - "add a pricing page"'));
-      console.log(chalk14.dim('  - "change primary color to green"'));
+      console.log(chalk13.yellow("\n\u{1F4A1} Try being more specific, e.g.:"));
+      console.log(chalk13.dim('  - "make buttons blue"'));
+      console.log(chalk13.dim('  - "add a pricing page"'));
+      console.log(chalk13.dim('  - "change primary color to green"'));
       return;
     }
     spinner.succeed(`Parsed ${requests.length} modification(s)`);
@@ -9499,11 +8296,11 @@ async function chatCommand(message, options) {
     normalizedRequests = normalizedRequests.map((req) => {
       const result = normalizeRequest(req, dsm.getConfig());
       if ("error" in result) {
-        console.log(chalk14.yellow(`  \u26A0 Skipped: ${result.error}`));
+        console.log(chalk13.yellow(`  \u26A0 Skipped: ${result.error}`));
         return null;
       }
       if (result.type !== req.type) {
-        console.log(chalk14.dim(`  \u2139 Adjusted: ${req.type} \u2192 ${result.type} (target: ${req.target})`));
+        console.log(chalk13.dim(`  \u2139 Adjusted: ${req.type} \u2192 ${result.type} (target: ${req.target})`));
       }
       return result;
     }).filter((r) => r !== null);
@@ -9559,13 +8356,13 @@ async function chatCommand(message, options) {
         }
       }
       if (DEBUG4) {
-        console.log(chalk14.gray(`
+        console.log(chalk13.gray(`
 [DEBUG] Pre-flight analysis for page "${page.name || page.route}": `));
-        console.log(chalk14.gray(`  Page sections: ${page.sections?.length || 0}`));
+        console.log(chalk13.gray(`  Page sections: ${page.sections?.length || 0}`));
         if (page.sections?.[0]?.props?.fields) {
-          console.log(chalk14.gray(`  First section has ${page.sections[0].props.fields.length} fields`));
+          console.log(chalk13.gray(`  First section has ${page.sections[0].props.fields.length} fields`));
           page.sections[0].props.fields.forEach((f, i) => {
-            console.log(chalk14.gray(`    Field ${i}: component=${f.component}`));
+            console.log(chalk13.gray(`    Field ${i}: component=${f.component}`));
           });
         }
       }
@@ -9588,8 +8385,8 @@ async function chatCommand(message, options) {
     const INVALID_COMPONENT_IDS = /* @__PURE__ */ new Set(["ui", "shared", "lib", "utils", "hooks", "app", "components"]);
     for (const id of INVALID_COMPONENT_IDS) allNeededComponentIds.delete(id);
     if (DEBUG4) {
-      console.log(chalk14.gray("\n[DEBUG] Pre-flight analysis (consolidated):"));
-      console.log(chalk14.gray(`  All needed components: ${Array.from(allNeededComponentIds).join(", ")}`));
+      console.log(chalk13.gray("\n[DEBUG] Pre-flight analysis (consolidated):"));
+      console.log(chalk13.gray(`  All needed components: ${Array.from(allNeededComponentIds).join(", ")}`));
       console.log("");
     }
     const missingComponents = [];
@@ -9597,59 +8394,59 @@ async function chatCommand(message, options) {
       const isRegistered = !!cm.read(componentId);
       const filePath = join11(projectRoot, "components", "ui", `${componentId}.tsx`);
       const fileExists = existsSync17(filePath);
-      if (DEBUG4) console.log(chalk14.gray(`    Checking ${componentId}: registered=${isRegistered} file=${fileExists}`));
+      if (DEBUG4) console.log(chalk13.gray(`    Checking ${componentId}: registered=${isRegistered} file=${fileExists}`));
       if (!isRegistered || !fileExists) {
         missingComponents.push(componentId);
       }
     }
     if (missingComponents.length > 0) {
       spinner.stop();
-      console.log(chalk14.cyan("\n\u{1F50D} Pre-flight check: Installing missing components...\n"));
+      console.log(chalk13.cyan("\n\u{1F50D} Pre-flight check: Installing missing components...\n"));
       const provider2 = getComponentProvider();
       for (const componentId of missingComponents) {
         if (DEBUG4) {
-          console.log(chalk14.gray(`    [DEBUG] Trying to install: ${componentId}`));
-          console.log(chalk14.gray(`    [DEBUG] provider.has(${componentId}): ${provider2.has(componentId)}`));
+          console.log(chalk13.gray(`    [DEBUG] Trying to install: ${componentId}`));
+          console.log(chalk13.gray(`    [DEBUG] provider.has(${componentId}): ${provider2.has(componentId)}`));
         }
         if (provider2.has(componentId)) {
           try {
             const result = await provider2.installComponent(componentId, projectRoot);
-            if (DEBUG4) console.log(chalk14.gray(`    [DEBUG] installComponent result: ${result.success}`));
+            if (DEBUG4) console.log(chalk13.gray(`    [DEBUG] installComponent result: ${result.success}`));
             if (result.success && result.componentDef) {
               if (!cm.read(componentId)) {
                 if (DEBUG4)
                   console.log(
-                    chalk14.gray(`    [DEBUG] Registering ${result.componentDef.id} (${result.componentDef.name})`)
+                    chalk13.gray(`    [DEBUG] Registering ${result.componentDef.id} (${result.componentDef.name})`)
                   );
                 const regResult = await cm.register(result.componentDef);
                 if (DEBUG4) {
                   console.log(
-                    chalk14.gray(
+                    chalk13.gray(
                       `    [DEBUG] Register result: ${regResult.success ? "SUCCESS" : "FAILED"}${!regResult.success && regResult.message ? ` - ${regResult.message}` : ""}`
                     )
                   );
                 }
                 if (regResult.success) {
                   preflightInstalledIds.push(result.componentDef.id);
-                  console.log(chalk14.green(`   \u2728 Auto-installed ${result.componentDef.name} component`));
+                  console.log(chalk13.green(`   \u2728 Auto-installed ${result.componentDef.name} component`));
                   dsm.updateConfig(regResult.config);
                   cm.updateConfig(regResult.config);
                   pm.updateConfig(regResult.config);
                 }
               } else {
                 preflightInstalledIds.push(result.componentDef.id);
-                console.log(chalk14.green(`   \u2728 Re-installed ${result.componentDef.name} component (file was missing)`));
+                console.log(chalk13.green(`   \u2728 Re-installed ${result.componentDef.name} component (file was missing)`));
               }
             }
           } catch (error) {
-            console.log(chalk14.red(`   \u274C Failed to install ${componentId}:`));
-            console.log(chalk14.red(`      ${error instanceof Error ? error.message : error}`));
+            console.log(chalk13.red(`   \u274C Failed to install ${componentId}:`));
+            console.log(chalk13.red(`      ${error instanceof Error ? error.message : error}`));
             if (error instanceof Error && error.stack) {
-              console.log(chalk14.gray(`      ${error.stack.split("\n")[1]}`));
+              console.log(chalk13.gray(`      ${error.stack.split("\n")[1]}`));
             }
           }
         } else {
-          console.log(chalk14.yellow(`   \u26A0\uFE0F  Component ${componentId} not available`));
+          console.log(chalk13.yellow(`   \u26A0\uFE0F  Component ${componentId} not available`));
         }
       }
       console.log("");
@@ -9660,11 +8457,11 @@ async function chatCommand(message, options) {
     const toInstallNpm = [...neededPkgs].filter((p) => !installedPkgs.has(p));
     if (toInstallNpm.length > 0) {
       spinner.stop();
-      console.log(chalk14.cyan(`
+      console.log(chalk13.cyan(`
 \u{1F4E6} Auto-installing missing dependencies: ${toInstallNpm.join(", ")}
 `));
       const ok = await installPackages(projectRoot, toInstallNpm);
-      if (!ok) console.log(chalk14.yellow(`   Run manually: npm install ${toInstallNpm.join(" ")}
+      if (!ok) console.log(chalk13.yellow(`   Run manually: npm install ${toInstallNpm.join(" ")}
 `));
       spinner.start("Applying modifications...");
     }
@@ -9675,7 +8472,7 @@ async function chatCommand(message, options) {
         if (componentId && preflightComponentIds.has(componentId)) {
           if (DEBUG4) {
             console.log(
-              chalk14.gray(`[DEBUG] Filtered duplicate add-component: ${componentId} (already installed in pre-flight)`)
+              chalk13.gray(`[DEBUG] Filtered duplicate add-component: ${componentId} (already installed in pre-flight)`)
             );
           }
           return false;
@@ -9684,11 +8481,11 @@ async function chatCommand(message, options) {
       return true;
     });
     if (DEBUG4 && preflightComponentIds.size > 0) {
-      console.log(chalk14.gray(`[DEBUG] Remaining requests after filtering: ${normalizedRequests.length}`));
+      console.log(chalk13.gray(`[DEBUG] Remaining requests after filtering: ${normalizedRequests.length}`));
     }
     try {
       createBackup(projectRoot);
-      if (DEBUG4) console.log(chalk14.dim("[backup] Created snapshot"));
+      if (DEBUG4) console.log(chalk13.dim("[backup] Created snapshot"));
     } catch {
     }
     const navBefore = takeNavSnapshot(
@@ -9711,6 +8508,26 @@ async function chatCommand(message, options) {
         break;
       }
     }
+    try {
+      const { validateReuse } = await import("./reuse-validator-HC4LZEKF.js");
+      const { inferPageTypeFromRoute: inferPageTypeFromRoute2 } = await import("./design-constraints-EIP2XM7T.js");
+      const manifest2 = await loadManifest8(projectRoot);
+      if (manifest2.shared.length > 0) {
+        for (const request of normalizedRequests) {
+          if (request.type !== "add-page") continue;
+          const changes = request.changes;
+          const pageCode = changes?.pageCode;
+          if (!pageCode) continue;
+          const route = changes.route || "";
+          const pageType = inferPageTypeFromRoute2(route);
+          const warnings = validateReuse(manifest2, pageCode, pageType);
+          for (const w of warnings) {
+            console.log(chalk13.yellow(`  \u26A0 ${w.message}`));
+          }
+        }
+      }
+    } catch {
+    }
     const currentConfig = dsm.getConfig();
     const autoScaffoldEnabled = currentConfig.settings.autoScaffold === true;
     const scaffoldedPages = [];
@@ -9751,10 +8568,10 @@ async function chatCommand(message, options) {
       const SCAFFOLD_AI_LIMIT = 10;
       if (missingRoutes.length > 0 && missingRoutes.length <= SCAFFOLD_AI_LIMIT) {
         spinner.stop();
-        console.log(chalk14.cyan(`
+        console.log(chalk13.cyan(`
 \u{1F517} Auto-scaffolding ${missingRoutes.length} linked page(s)...`));
         console.log(
-          chalk14.dim(
+          chalk13.dim(
             `   (${missingRoutes.length} additional AI call(s) \u2014 disable with settings.autoScaffold: false in config)
 `
           )
@@ -9791,7 +8608,7 @@ async function chatCommand(message, options) {
             }
           } catch (err) {
             scaffoldSpinner.warn(`  Could not scaffold "${pageName}" (${linkedRoute}) \u2014 skipped`);
-            if (DEBUG4) console.log(chalk14.dim(`    ${err instanceof Error ? err.message : "unknown error"}`));
+            if (DEBUG4) console.log(chalk13.dim(`    ${err instanceof Error ? err.message : "unknown error"}`));
           }
         }
         console.log("");
@@ -9799,7 +8616,7 @@ async function chatCommand(message, options) {
       } else if (missingRoutes.length > SCAFFOLD_AI_LIMIT) {
         spinner.stop();
         console.log(
-          chalk14.yellow(
+          chalk13.yellow(
             `
 \u26A0 Found ${missingRoutes.length} linked pages \u2014 creating placeholder pages (too many for AI generation).`
           )
@@ -9828,7 +8645,7 @@ async function chatCommand(message, options) {
           scaffoldedPages.push({ route: linkedRoute, name: `${pageName} (placeholder)` });
         }
         console.log(
-          chalk14.cyan(`   Created ${missingRoutes.length} placeholder pages. Use \`coherent chat\` to fill them.
+          chalk13.cyan(`   Created ${missingRoutes.length} placeholder pages. Use \`coherent chat\` to fill them.
 `)
         );
         spinner.start("Finalizing...");
@@ -9856,9 +8673,9 @@ async function chatCommand(message, options) {
         }
       }
       if (linkIssues.length > 0) {
-        console.log(chalk14.yellow("\n\u{1F517} Broken internal links:"));
+        console.log(chalk13.yellow("\n\u{1F517} Broken internal links:"));
         for (const { page, message: message2 } of linkIssues) {
-          console.log(chalk14.dim(`   ${page}: ${message2}`));
+          console.log(chalk13.dim(`   ${page}: ${message2}`));
         }
       }
     }
@@ -9871,7 +8688,7 @@ async function chatCommand(message, options) {
       if (latestConfig.theme.defaultMode !== targetMode) {
         latestConfig.theme.defaultMode = targetMode;
         dsm.updateConfig(latestConfig);
-        if (DEBUG4) console.log(chalk14.dim(`  [theme] Set defaultMode to "${targetMode}"`));
+        if (DEBUG4) console.log(chalk13.dim(`  [theme] Set defaultMode to "${targetMode}"`));
       }
       const layoutPath = resolve10(projectRoot, "app", "layout.tsx");
       try {
@@ -9879,11 +8696,11 @@ async function chatCommand(message, options) {
         if (targetMode === "dark" && !layoutCode.includes('className="dark"')) {
           layoutCode = layoutCode.replace(/<html\s+lang="en"/, '<html lang="en" className="dark"');
           await writeFile(layoutPath, layoutCode);
-          console.log(chalk14.dim(`  \u{1F319} Applied dark theme to layout`));
+          console.log(chalk13.dim(`  \u{1F319} Applied dark theme to layout`));
         } else if (targetMode === "light" && layoutCode.includes('className="dark"')) {
           layoutCode = layoutCode.replace(' className="dark"', "");
           await writeFile(layoutPath, layoutCode);
-          console.log(chalk14.dim(`  \u2600\uFE0F Applied light theme to layout`));
+          console.log(chalk13.dim(`  \u2600\uFE0F Applied light theme to layout`));
         }
       } catch {
       }
@@ -9915,7 +8732,7 @@ async function chatCommand(message, options) {
     }
     const finalDeps = await scanAndInstallSharedDeps(projectRoot);
     if (finalDeps.length > 0) {
-      console.log(chalk14.dim(`  Auto-installed shared deps: ${finalDeps.join(", ")}`));
+      console.log(chalk13.dim(`  Auto-installed shared deps: ${finalDeps.join(", ")}`));
     }
     try {
       fixGlobalsCss(projectRoot, updatedConfig);
@@ -9939,7 +8756,53 @@ async function chatCommand(message, options) {
       }
       await saveHashes(projectRoot, updatedHashes);
     } catch {
-      if (DEBUG4) console.log(chalk14.dim("[hashes] Could not save file hashes"));
+      if (DEBUG4) console.log(chalk13.dim("[hashes] Could not save file hashes"));
+    }
+    try {
+      const { extractPropsInterface, extractDependencies, extractUsageExample } = await import("./component-extractor-VYJLT5NR.js");
+      let currentManifest = await loadManifest8(projectRoot);
+      let manifestChanged = false;
+      for (const entry of currentManifest.shared) {
+        const fullPath = resolve10(projectRoot, entry.file);
+        if (!existsSync17(fullPath)) continue;
+        const code = readFileSync12(fullPath, "utf-8");
+        const props = extractPropsInterface(code);
+        const deps = extractDependencies(code);
+        if (props && props !== entry.propsInterface || deps.length !== (entry.dependencies?.length ?? 0)) {
+          currentManifest = updateEntry(currentManifest, entry.id, {
+            propsInterface: props ?? entry.propsInterface,
+            dependencies: deps
+          });
+          manifestChanged = true;
+        }
+      }
+      const pageFiles = Array.from(allModified).filter((f) => f.startsWith("app/") && f.endsWith("page.tsx"));
+      for (const pageFile of pageFiles) {
+        const fullPath = resolve10(projectRoot, pageFile);
+        if (!existsSync17(fullPath)) continue;
+        const pageCode = readFileSync12(fullPath, "utf-8");
+        for (const entry of currentManifest.shared) {
+          const isUsed = pageCode.includes(`from '@/components/shared/`) && (pageCode.includes(`{ ${entry.name} }`) || pageCode.includes(`{ ${entry.name},`));
+          if (isUsed && !entry.usedIn.includes(pageFile)) {
+            currentManifest = updateEntry(currentManifest, entry.id, {
+              usedIn: [...entry.usedIn, pageFile]
+            });
+            manifestChanged = true;
+            if (!entry.usageExample) {
+              const usage = extractUsageExample(pageCode, entry.name);
+              if (usage) {
+                currentManifest = updateEntry(currentManifest, entry.id, { usageExample: usage });
+              }
+            }
+          }
+        }
+      }
+      if (manifestChanged) {
+        await saveManifest2(projectRoot, currentManifest);
+        if (DEBUG4) console.log(chalk13.dim("[auto-sync] Manifest updated"));
+      }
+    } catch {
+      if (DEBUG4) console.log(chalk13.dim("[auto-sync] Skipped"));
     }
     const successfulPairs = normalizedRequests.map((request, index) => ({ request, result: results[index] })).filter(({ result }) => result.success);
     if (successfulPairs.length > 0) {
@@ -9957,9 +8820,9 @@ async function chatCommand(message, options) {
     showPreview(normalizedRequests, results, updatedConfig, preflightNames);
     if (scaffoldedPages.length > 0) {
       const uniqueScaffolded = [...new Map(scaffoldedPages.map((s) => [s.route, s])).values()];
-      console.log(chalk14.cyan("\u{1F517} Auto-scaffolded linked pages:"));
+      console.log(chalk13.cyan("\u{1F517} Auto-scaffolded linked pages:"));
       uniqueScaffolded.forEach(({ route, name }) => {
-        console.log(chalk14.white(`   \u2728 ${name} \u2192 ${route}`));
+        console.log(chalk13.white(`   \u2728 ${name} \u2192 ${route}`));
       });
       console.log("");
     }
@@ -9981,58 +8844,58 @@ ${uxRecommendations}
           );
         }
         await appendFile(recPath, section);
-        console.log(chalk14.cyan("\n\u{1F4CB} UX Recommendations:"));
+        console.log(chalk13.cyan("\n\u{1F4CB} UX Recommendations:"));
         for (const line of uxRecommendations.split("\n").filter(Boolean)) {
-          console.log(chalk14.dim(`   ${line}`));
+          console.log(chalk13.dim(`   ${line}`));
         }
-        console.log(chalk14.dim("   \u2192 Saved to /design-system/docs/recommendations"));
+        console.log(chalk13.dim("   \u2192 Saved to /design-system/docs/recommendations"));
       } catch (e) {
         console.log(
-          chalk14.yellow("\n\u26A0\uFE0F  Could not write recommendations.md: " + (e instanceof Error ? e.message : String(e)))
+          chalk13.yellow("\n\u26A0\uFE0F  Could not write recommendations.md: " + (e instanceof Error ? e.message : String(e)))
         );
-        console.log(chalk14.dim("Recommendations:\n") + uxRecommendations);
+        console.log(chalk13.dim("Recommendations:\n") + uxRecommendations);
       }
     }
   } catch (error) {
     spinner.fail("Chat command failed");
-    console.error(chalk14.red("\n\u2716 Chat command failed"));
+    console.error(chalk13.red("\n\u2716 Chat command failed"));
     const zodError = error;
     const issues = zodError.issues || error.errors;
     if (issues && Array.isArray(issues)) {
-      console.log(chalk14.yellow("\n\u26A0\uFE0F  AI generated incomplete data. Missing or invalid fields:"));
+      console.log(chalk13.yellow("\n\u26A0\uFE0F  AI generated incomplete data. Missing or invalid fields:"));
       issues.forEach((err) => {
-        console.log(chalk14.gray(`   \u2022 ${err.path.join(".")}: ${err.message}`));
+        console.log(chalk13.gray(`   \u2022 ${err.path.join(".")}: ${err.message}`));
       });
-      console.log(chalk14.cyan("\n\u{1F4A1} Try being more specific, e.g.:"));
-      console.log(chalk14.white('   coherent chat "add a dashboard page with hero section using Button component"'));
-      console.log(chalk14.white('   coherent chat "add pricing page"'));
+      console.log(chalk13.cyan("\n\u{1F4A1} Try being more specific, e.g.:"));
+      console.log(chalk13.white('   coherent chat "add a dashboard page with hero section using Button component"'));
+      console.log(chalk13.white('   coherent chat "add pricing page"'));
     } else if (error instanceof Error) {
-      console.error(chalk14.red(error.message));
+      console.error(chalk13.red(error.message));
       if (error.message.includes("Unterminated string") || error.message.includes("Unexpected end of JSON") || error.message.includes("Failed to parse modification") && error.message.includes("JSON")) {
         console.log(
-          chalk14.yellow("\n\u{1F4A1} The AI response was too large or contained invalid JSON. Try splitting your request:")
+          chalk13.yellow("\n\u{1F4A1} The AI response was too large or contained invalid JSON. Try splitting your request:")
         );
-        console.log(chalk14.white('   coherent chat "add dashboard page with stats and recent activity"'));
-        console.log(chalk14.white('   coherent chat "add account page"'));
-        console.log(chalk14.white('   coherent chat "add settings page"'));
+        console.log(chalk13.white('   coherent chat "add dashboard page with stats and recent activity"'));
+        console.log(chalk13.white('   coherent chat "add account page"'));
+        console.log(chalk13.white('   coherent chat "add settings page"'));
       } else if (error.message.includes("API key not found") || error.message.includes("ANTHROPIC_API_KEY") || error.message.includes("OPENAI_API_KEY")) {
         const isOpenAI = error.message.includes("OpenAI") || typeof provider !== "undefined" && provider === "openai";
         const providerName = isOpenAI ? "OpenAI" : "Anthropic Claude";
         const envVar = isOpenAI ? "OPENAI_API_KEY" : "ANTHROPIC_API_KEY";
         const url = isOpenAI ? "https://platform.openai.com" : "https://console.anthropic.com";
-        console.log(chalk14.yellow("\n\u{1F4A1} Setup Instructions:"));
-        console.log(chalk14.dim(`  1. Get your ${providerName} API key from: ${url}`));
-        console.log(chalk14.dim("  2. Create a .env file in the current directory:"));
-        console.log(chalk14.cyan(`     echo "${envVar}=your_key_here" > .env`));
-        console.log(chalk14.dim("  3. Or export it in your shell:"));
-        console.log(chalk14.cyan(`     export ${envVar}=your_key_here`));
+        console.log(chalk13.yellow("\n\u{1F4A1} Setup Instructions:"));
+        console.log(chalk13.dim(`  1. Get your ${providerName} API key from: ${url}`));
+        console.log(chalk13.dim("  2. Create a .env file in the current directory:"));
+        console.log(chalk13.cyan(`     echo "${envVar}=your_key_here" > .env`));
+        console.log(chalk13.dim("  3. Or export it in your shell:"));
+        console.log(chalk13.cyan(`     export ${envVar}=your_key_here`));
         if (isOpenAI) {
-          console.log(chalk14.dim('\n  Also ensure "openai" package is installed:'));
-          console.log(chalk14.cyan("     npm install openai"));
+          console.log(chalk13.dim('\n  Also ensure "openai" package is installed:'));
+          console.log(chalk13.cyan("     npm install openai"));
         }
       }
     } else {
-      console.error(chalk14.red("Unknown error occurred"));
+      console.error(chalk13.red("Unknown error occurred"));
     }
     console.log("");
     if (options._throwOnError) {
@@ -10045,7 +8908,7 @@ ${uxRecommendations}
 }
 
 // src/commands/preview.ts
-import chalk15 from "chalk";
+import chalk14 from "chalk";
 import ora3 from "ora";
 import { spawn } from "child_process";
 import { existsSync as existsSync20, rmSync as rmSync3, readFileSync as readFileSync15, writeFileSync as writeFileSync10, readdirSync as readdirSync6 } from "fs";
@@ -10122,9 +8985,15 @@ function extractExportedComponentNames(code) {
 }
 function inferComponentType(name, code) {
   const lower = name.toLowerCase();
-  if (/header|footer|sidebar|nav|layout|appbar|topbar/.test(lower)) return "layout";
+  if (/header|footer|layout|appbar|topbar/.test(lower)) return "layout";
+  if (/sidebar|nav|menu|breadcrumb|tabs/.test(lower)) return "navigation";
+  if (/table|chart|stats|metric|list|grid|card/.test(lower)) return "data-display";
+  if (/form|input|filter|search|select|picker/.test(lower)) return "form";
+  if (/alert|toast|modal|dialog|notification|error|snackbar/.test(lower)) return "feedback";
   if (/section|hero|pricing|testimonial|features|cta|banner/.test(lower)) return "section";
   if (/<header[\s>]/.test(code) || /<footer[\s>]/.test(code)) return "layout";
+  if (/<nav[\s>]/.test(code)) return "navigation";
+  if (/<form[\s>]/.test(code)) return "form";
   if (/<section[\s>]/.test(code)) return "section";
   return "widget";
 }
@@ -10334,7 +9203,9 @@ function reconcileComponents(projectRoot, manifest) {
       file: comp.file,
       usedIn: comp.usedIn,
       description: `Auto-registered by sync from ${comp.file}`,
-      createdAt: (/* @__PURE__ */ new Date()).toISOString()
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      dependencies: [],
+      source: "extracted"
     });
     m.nextId++;
     result.added.push({ id, name: comp.name, file: comp.file, type: comp.type });
@@ -10435,13 +9306,13 @@ async function handleFileChange(projectRoot, filePath) {
     return;
   }
   const config2 = getWatcherConfig(projectRoot);
-  const chalk34 = (await import("chalk")).default;
+  const chalk33 = (await import("chalk")).default;
   if (config2.autoInstall) {
     const missing = findMissingPackagesInCode(content, projectRoot);
     if (missing.length > 0) {
       const ok = await installPackages(projectRoot, missing);
       if (ok) {
-        console.log(chalk34.cyan(`
+        console.log(chalk33.cyan(`
   \u{1F527} Auto-installed: ${missing.join(", ")} (needed by ${relativePath})`));
       }
     }
@@ -10450,12 +9321,12 @@ async function handleFileChange(projectRoot, filePath) {
     const fixed = sanitizeMetadataStrings(ensureUseClientIfNeeded(content));
     if (fixed !== content) {
       writeFileSync9(filePath, fixed, "utf-8");
-      console.log(chalk34.cyan(`  \u{1F527} Auto-fixed syntax in ${relativePath}`));
+      console.log(chalk33.cyan(`  \u{1F527} Auto-fixed syntax in ${relativePath}`));
     }
   }
   if (config2.warnNativeElements && hasNativeElements(content)) {
-    console.log(chalk34.yellow(`  \u26A0 ${relativePath}: uses native HTML elements (<button>, <select>, etc.)`));
-    console.log(chalk34.dim("    Use components from @/components/ui/ instead"));
+    console.log(chalk33.yellow(`  \u26A0 ${relativePath}: uses native HTML elements (<button>, <select>, etc.)`));
+    console.log(chalk33.dim("    Use components from @/components/ui/ instead"));
   }
   if (config2.warnSharedReuse) {
     let manifest;
@@ -10468,8 +9339,8 @@ async function handleFileChange(projectRoot, filePath) {
       const dupes = findInlineDuplicatesOfShared(content, manifest);
       for (const d of dupes) {
         const importPath = d.file.replace(/\.tsx$/, "").replace(/^components\/shared\//, "");
-        console.log(chalk34.yellow(`  \u26A0 ${relativePath}: has inline code similar to ${d.cid} (${d.name})`));
-        console.log(chalk34.dim(`    Consider: import { ${d.name} } from "@/components/shared/${importPath}"`));
+        console.log(chalk33.yellow(`  \u26A0 ${relativePath}: has inline code similar to ${d.cid} (${d.name})`));
+        console.log(chalk33.dim(`    Consider: import { ${d.name} } from "@/components/shared/${importPath}"`));
       }
     }
   }
@@ -10478,7 +9349,7 @@ async function handleFileDelete(projectRoot, filePath) {
   const relativePath = relative4(projectRoot, filePath).replace(/\\/g, "/");
   if (!relativePath.startsWith("components/") || relativePath.startsWith("components/ui/")) return;
   try {
-    const chalk34 = (await import("chalk")).default;
+    const chalk33 = (await import("chalk")).default;
     const manifest = await loadManifest9(projectRoot);
     const orphaned = manifest.shared.find((s) => s.file === relativePath);
     if (orphaned) {
@@ -10487,7 +9358,7 @@ async function handleFileDelete(projectRoot, filePath) {
         shared: manifest.shared.filter((s) => s.id !== orphaned.id)
       };
       await saveManifest3(projectRoot, cleaned);
-      console.log(chalk34.cyan(`
+      console.log(chalk33.cyan(`
   \u{1F5D1} Auto-removed ${orphaned.id} (${orphaned.name}) \u2014 file deleted`));
       await writeCursorRules(projectRoot);
     }
@@ -10499,7 +9370,7 @@ async function detectNewComponent(projectRoot, filePath) {
   if (!relativePath.startsWith("components/") || relativePath.startsWith("components/ui/")) return;
   if (!relativePath.endsWith(".tsx") && !relativePath.endsWith(".jsx")) return;
   try {
-    const chalk34 = (await import("chalk")).default;
+    const chalk33 = (await import("chalk")).default;
     const manifest = await loadManifest9(projectRoot);
     const alreadyRegistered = manifest.shared.some((s) => s.file === relativePath);
     if (alreadyRegistered) return;
@@ -10508,9 +9379,9 @@ async function detectNewComponent(projectRoot, filePath) {
     if (exports.length > 0) {
       const alreadyByName = exports.every((n) => manifest.shared.some((s) => s.name === n));
       if (!alreadyByName) {
-        console.log(chalk34.cyan(`
+        console.log(chalk33.cyan(`
   \u2139 New component detected: ${exports[0]} in ${relativePath}`));
-        console.log(chalk34.dim("    Register with: coherent sync"));
+        console.log(chalk33.dim("    Register with: coherent sync"));
       }
     }
   } catch {
@@ -10597,17 +9468,17 @@ function clearStaleCache(projectRoot) {
   const nextDir = join14(projectRoot, ".next");
   if (existsSync20(nextDir)) {
     rmSync3(nextDir, { recursive: true, force: true });
-    console.log(chalk15.dim("   \u2714 Cleared stale build cache"));
+    console.log(chalk14.dim("   \u2714 Cleared stale build cache"));
   }
 }
 async function preflightDependencyCheck(projectRoot) {
   const missing = await findMissingPackages(projectRoot);
   if (missing.length === 0) return;
-  console.log(chalk15.cyan(`
+  console.log(chalk14.cyan(`
    Auto-installing missing dependencies: ${missing.join(", ")}`));
   const ok = await installPackages(projectRoot, missing);
-  if (ok) console.log(chalk15.dim("   \u2714 Installed"));
-  else console.log(chalk15.yellow(`   Run manually: npm install ${missing.join(" ")}`));
+  if (ok) console.log(chalk14.dim("   \u2714 Installed"));
+  else console.log(chalk14.yellow(`   Run manually: npm install ${missing.join(" ")}`));
 }
 async function listPageFiles(appDir) {
   const out = [];
@@ -10631,7 +9502,7 @@ async function validateSyntax(projectRoot) {
     const fixed = fixUnescapedLtInJsx(sanitizeMetadataStrings(ensureUseClientIfNeeded(content)));
     if (fixed !== content) {
       writeFileSync10(file, fixed, "utf-8");
-      console.log(chalk15.dim(`   \u2714 Auto-fixed syntax: ${file.replace(projectRoot, ".").replace(/^\.[/\\]/, "")}`));
+      console.log(chalk14.dim(`   \u2714 Auto-fixed syntax: ${file.replace(projectRoot, ".").replace(/^\.[/\\]/, "")}`));
     }
   }
 }
@@ -10673,7 +9544,7 @@ async function fixMissingComponentExports(projectRoot) {
         try {
           const result = await provider.installComponent(componentId, projectRoot);
           if (result.success) {
-            console.log(chalk15.dim(`   \u2714 Installed missing ${componentId}.tsx`));
+            console.log(chalk14.dim(`   \u2714 Installed missing ${componentId}.tsx`));
           }
         } catch {
         }
@@ -10685,7 +9556,7 @@ async function fixMissingComponentExports(projectRoot) {
           mkdirSync10(uiDir, { recursive: true });
           const newContent = await generator.generate(def);
           writeFileSync10(componentFile, newContent, "utf-8");
-          console.log(chalk15.dim(`   \u2714 Created missing ${componentId}.tsx`));
+          console.log(chalk14.dim(`   \u2714 Created missing ${componentId}.tsx`));
         } catch {
         }
       }
@@ -10708,7 +9579,7 @@ async function fixMissingComponentExports(projectRoot) {
       try {
         const result = await provider.installComponent(componentId, projectRoot, { force: true });
         if (result.success) {
-          console.log(chalk15.dim(`   \u2714 Reinstalled ${componentId}.tsx (added missing exports: ${missing.join(", ")})`));
+          console.log(chalk14.dim(`   \u2714 Reinstalled ${componentId}.tsx (added missing exports: ${missing.join(", ")})`));
         }
       } catch {
       }
@@ -10718,7 +9589,7 @@ async function fixMissingComponentExports(projectRoot) {
       try {
         const newContent = await generator.generate(def);
         writeFileSync10(componentFile, newContent, "utf-8");
-        console.log(chalk15.dim(`   \u2714 Regenerated ${componentId}.tsx (added missing exports: ${missing.join(", ")})`));
+        console.log(chalk14.dim(`   \u2714 Regenerated ${componentId}.tsx (added missing exports: ${missing.join(", ")})`));
       } catch {
       }
     }
@@ -10777,14 +9648,14 @@ async function healthCheck(port) {
   try {
     const res = await fetch(`http://localhost:${port}`);
     if (res.status === 200) {
-      console.log(chalk15.green(`
+      console.log(chalk14.green(`
 \u2705 Preview healthy at http://localhost:${port}`));
     } else {
-      console.log(chalk15.yellow(`
+      console.log(chalk14.yellow(`
 \u26A0 Preview returned ${res.status}. Run: coherent fix`));
     }
   } catch {
-    console.log(chalk15.yellow(`
+    console.log(chalk14.yellow(`
 \u26A0 Preview not responding. Run: coherent fix`));
   }
 }
@@ -10823,29 +9694,29 @@ function launchWithMonitoring(projectRoot, restarts) {
         const shadcnId = extractShadcnComponentFromModuleNotFound(msg);
         if (shadcnId && !installingSet.has(shadcnId)) {
           installingSet.add(shadcnId);
-          console.log(chalk15.yellow(`
+          console.log(chalk14.yellow(`
 \u26A0 Missing component detected: ${shadcnId}`));
-          console.log(chalk15.cyan("  Auto-installing..."));
+          console.log(chalk14.cyan("  Auto-installing..."));
           autoInstallShadcnComponent(shadcnId, projectRoot).then((ok) => {
             if (ok) {
-              console.log(chalk15.green(`  \u2714 Installed ${shadcnId}.tsx. Restarting...`));
+              console.log(chalk14.green(`  \u2714 Installed ${shadcnId}.tsx. Restarting...`));
               intentionalRestart = true;
               server.kill("SIGTERM");
               launchWithMonitoring(projectRoot, restarts + 1).then(resolvePromise).catch(rejectPromise);
             } else {
-              console.log(chalk15.red(`  \u2716 Could not install ${shadcnId}. Run: npx shadcn@latest add ${shadcnId}`));
+              console.log(chalk14.red(`  \u2716 Could not install ${shadcnId}. Run: npx shadcn@latest add ${shadcnId}`));
             }
           });
         } else if (!shadcnId) {
           const pkg = extractPackageFromModuleNotFound(msg);
           if (pkg && !installingSet.has(pkg)) {
             installingSet.add(pkg);
-            console.log(chalk15.yellow(`
+            console.log(chalk14.yellow(`
 \u26A0 Missing package detected: ${pkg}`));
-            console.log(chalk15.cyan("  Auto-installing..."));
+            console.log(chalk14.cyan("  Auto-installing..."));
             installPackages(projectRoot, [pkg]).then((ok) => {
               if (ok) {
-                console.log(chalk15.green(`  \u2714 Installed ${pkg}. Restarting...`));
+                console.log(chalk14.green(`  \u2714 Installed ${pkg}. Restarting...`));
                 intentionalRestart = true;
                 server.kill("SIGTERM");
                 launchWithMonitoring(projectRoot, restarts + 1).then(resolvePromise).catch(rejectPromise);
@@ -10855,19 +9726,19 @@ function launchWithMonitoring(projectRoot, restarts) {
         }
       }
       if (msg.includes("Failed to compile")) {
-        console.log(chalk15.yellow("\n\u26A0 Compilation error detected."));
-        console.log(chalk15.dim('  Hint: run "coherent fix" in another terminal to auto-fix'));
-        console.log(chalk15.dim('  Or:  coherent chat "fix the broken page"'));
+        console.log(chalk14.yellow("\n\u26A0 Compilation error detected."));
+        console.log(chalk14.dim('  Hint: run "coherent fix" in another terminal to auto-fix'));
+        console.log(chalk14.dim('  Or:  coherent chat "fix the broken page"'));
       }
     });
     server.on("exit", (code) => {
       if (intentionalRestart) return;
       if (code !== 0 && code !== null) {
-        console.log(chalk15.red(`
+        console.log(chalk14.red(`
 \u274C Dev server exited with code ${code}`));
-        console.log(chalk15.dim('   Check the output above. Fix and run "coherent preview" again.\n'));
+        console.log(chalk14.dim('   Check the output above. Fix and run "coherent preview" again.\n'));
       } else {
-        console.log(chalk15.dim("\n\u{1F44B} Dev server stopped"));
+        console.log(chalk14.dim("\n\u{1F44B} Dev server stopped"));
       }
       process.exit(code ?? 0);
     });
@@ -10876,7 +9747,7 @@ function launchWithMonitoring(projectRoot, restarts) {
     });
     const shutdown = () => {
       closeWatcher();
-      console.log(chalk15.dim("\n\n\u{1F6D1} Stopping dev server..."));
+      console.log(chalk14.dim("\n\n\u{1F6D1} Stopping dev server..."));
       server.kill("SIGTERM");
     };
     process.on("SIGINT", shutdown);
@@ -10888,9 +9759,9 @@ async function openBrowser(url) {
     const open = await import("open");
     await open.default(url);
   } catch (error) {
-    console.log(chalk15.yellow(`
+    console.log(chalk14.yellow(`
 \u26A0\uFE0F  Could not open browser automatically`));
-    console.log(chalk15.dim(`   Please open ${url} manually`));
+    console.log(chalk14.dim(`   Please open ${url} manually`));
   }
 }
 function startDevServer(projectRoot) {
@@ -10921,8 +9792,8 @@ async function previewCommand() {
   try {
     if (!checkProjectInitialized(projectRoot)) {
       spinner.fail("Project not initialized");
-      console.log(chalk15.red("\n\u274C Project not found"));
-      console.log(chalk15.dim('Run "coherent init" first to create a project.'));
+      console.log(chalk14.red("\n\u274C Project not found"));
+      console.log(chalk14.dim('Run "coherent init" first to create a project.'));
       process.exit(1);
     }
     spinner.text = "Checking dependencies...";
@@ -10930,16 +9801,16 @@ async function previewCommand() {
       spinner.warn("Dependencies not installed");
       const pm = getPackageManager(projectRoot);
       const installCommand = pm === "pnpm" ? "pnpm install" : "npm install";
-      console.log(chalk15.yellow("\n\u26A0\uFE0F  Dependencies not installed"));
-      console.log(chalk15.cyan(`
+      console.log(chalk14.yellow("\n\u26A0\uFE0F  Dependencies not installed"));
+      console.log(chalk14.cyan(`
    Running ${installCommand}...
 `));
       const ok = await runInstall(projectRoot);
       if (!ok) {
-        console.error(chalk15.red('\n\u274C Install failed. Fix errors above and run "coherent preview" again.\n'));
+        console.error(chalk14.red('\n\u274C Install failed. Fix errors above and run "coherent preview" again.\n'));
         process.exit(1);
       }
-      console.log(chalk15.green("\n\u2705 Dependencies installed\n"));
+      console.log(chalk14.green("\n\u2705 Dependencies installed\n"));
     } else {
       spinner.succeed("Dependencies installed");
     }
@@ -10961,11 +9832,11 @@ async function previewCommand() {
         const globalsContent = readFileSync15(globalsPath, "utf-8");
         const cssIssues = validateV4GlobalsCss(globalsContent);
         if (cssIssues.length > 0) {
-          console.log(chalk15.yellow("\n\u26A0\uFE0F  globals.css validation warnings:"));
+          console.log(chalk14.yellow("\n\u26A0\uFE0F  globals.css validation warnings:"));
           for (const issue of cssIssues) {
-            console.log(chalk15.yellow(`   \u2022 ${issue}`));
+            console.log(chalk14.yellow(`   \u2022 ${issue}`));
           }
-          console.log(chalk15.dim('   Run "coherent chat" to regenerate globals.css\n'));
+          console.log(chalk14.dim('   Run "coherent chat" to regenerate globals.css\n'));
         }
       }
     }
@@ -10976,27 +9847,27 @@ async function previewCommand() {
     await fixMissingComponentExports(projectRoot);
     await backfillPageAnalysis(projectRoot);
     spinner.succeed("Project ready");
-    console.log(chalk15.dim("  \u{1F4A1} Edited files manually? Run `coherent sync` to update the Design System.\n"));
-    console.log(chalk15.blue("\n\u{1F680} Starting Next.js dev server...\n"));
+    console.log(chalk14.dim("  \u{1F4A1} Edited files manually? Run `coherent sync` to update the Design System.\n"));
+    console.log(chalk14.blue("\n\u{1F680} Starting Next.js dev server...\n"));
     await launchWithMonitoring(projectRoot, 0);
   } catch (error) {
     spinner.fail("Failed to start dev server");
     if (error instanceof Error) {
-      console.error(chalk15.red(`
+      console.error(chalk14.red(`
 \u274C ${error.message}`));
       if (error.message.includes("package.json")) {
-        console.log(chalk15.yellow("\n\u{1F4A1} Tip: Make sure you're in a Coherent project directory."));
-        console.log(chalk15.dim('   Run "coherent init" to create a new project.'));
+        console.log(chalk14.yellow("\n\u{1F4A1} Tip: Make sure you're in a Coherent project directory."));
+        console.log(chalk14.dim('   Run "coherent init" to create a new project.'));
       }
     } else {
-      console.error(chalk15.red("Unknown error occurred"));
+      console.error(chalk14.red("Unknown error occurred"));
     }
     process.exit(1);
   }
 }
 
 // src/commands/export.ts
-import chalk16 from "chalk";
+import chalk15 from "chalk";
 import ora4 from "ora";
 import { spawn as spawn2 } from "child_process";
 import { existsSync as existsSync21, rmSync as rmSync4, readdirSync as readdirSync7 } from "fs";
@@ -11275,7 +10146,7 @@ async function exportCommand(options = {}) {
     const missingDeps = await findMissingDepsInExport(outputDir);
     if (missingDeps.length > 0) {
       console.log(
-        chalk16.yellow(
+        chalk15.yellow(
           "\n\u26A0\uFE0F  Warning: exported code imports packages not in package.json: " + missingDeps.join(", ") + "\n   Add them to dependencies and run npm install in the export dir.\n"
         )
       );
@@ -11291,7 +10162,7 @@ async function exportCommand(options = {}) {
     spinner.succeed("Dependencies installed");
     await ensureReadmeDeploySection(outputDir);
     await patchNextConfigForExport(outputDir);
-    console.log(chalk16.dim("\n   Tip: run `coherent check` before export to catch quality issues.\n"));
+    console.log(chalk15.dim("\n   Tip: run `coherent check` before export to catch quality issues.\n"));
     let buildOk = false;
     if (doBuild) {
       spinner.start("Running next build...");
@@ -11301,7 +10172,7 @@ async function exportCommand(options = {}) {
         spinner.succeed("Build: success");
       } catch (e) {
         spinner.fail("Build failed");
-        if (e instanceof Error) console.error(chalk16.red(e.message));
+        if (e instanceof Error) console.error(chalk15.red(e.message));
       }
     } else {
       buildOk = true;
@@ -11309,23 +10180,23 @@ async function exportCommand(options = {}) {
     const pageCount = await countPages(outputDir);
     const componentCount = countComponents(outputDir);
     spinner.stop();
-    console.log(chalk16.green("\n\u2705 Exported to " + outputDir + "\n"));
-    console.log(chalk16.blue("   Pages: " + pageCount));
-    console.log(chalk16.blue("   Components: " + componentCount + " (base + shared)"));
-    console.log(chalk16.blue("   Build: " + (doBuild ? buildOk ? "success" : "failed" : "skipped (--no-build)")));
+    console.log(chalk15.green("\n\u2705 Exported to " + outputDir + "\n"));
+    console.log(chalk15.blue("   Pages: " + pageCount));
+    console.log(chalk15.blue("   Components: " + componentCount + " (base + shared)"));
+    console.log(chalk15.blue("   Build: " + (doBuild ? buildOk ? "success" : "failed" : "skipped (--no-build)")));
     console.log("");
-    console.log(chalk16.dim("   Deploy: npx vercel " + outputDir));
-    console.log(chalk16.dim("       or: npx netlify deploy --dir " + outputDir + "/.next"));
+    console.log(chalk15.dim("   Deploy: npx vercel " + outputDir));
+    console.log(chalk15.dim("       or: npx netlify deploy --dir " + outputDir + "/.next"));
     console.log("");
   } catch (error) {
     spinner.fail("Export failed");
-    if (error instanceof Error) console.error(chalk16.red("\n\u274C " + error.message));
+    if (error instanceof Error) console.error(chalk15.red("\n\u274C " + error.message));
     process.exit(1);
   }
 }
 
 // src/commands/status.ts
-import chalk17 from "chalk";
+import chalk16 from "chalk";
 import { basename } from "path";
 import { DesignSystemManager as DesignSystemManager9 } from "@getcoherent/core";
 function countTokens(tokens) {
@@ -11349,58 +10220,58 @@ async function statusCommand() {
   try {
     const project = findConfig();
     if (!project) {
-      console.log(chalk17.yellow("\u26A0\uFE0F  Not in a Coherent project\n"));
+      console.log(chalk16.yellow("\u26A0\uFE0F  Not in a Coherent project\n"));
       console.log("Initialize a project:");
-      console.log(chalk17.white("  $ coherent init\n"));
+      console.log(chalk16.white("  $ coherent init\n"));
       return;
     }
-    console.log(chalk17.cyan("\n\u2728 Current Project\n"));
-    console.log(chalk17.gray("\u{1F4C1} Location: ") + chalk17.white(project.root));
-    console.log(chalk17.gray("\u{1F4C4} Config: ") + chalk17.white(basename(project.configPath)));
+    console.log(chalk16.cyan("\n\u2728 Current Project\n"));
+    console.log(chalk16.gray("\u{1F4C1} Location: ") + chalk16.white(project.root));
+    console.log(chalk16.gray("\u{1F4C4} Config: ") + chalk16.white(basename(project.configPath)));
     console.log("");
     try {
       const manager = new DesignSystemManager9(project.configPath);
       await manager.load();
       const config2 = manager.getConfig();
-      console.log(chalk17.cyan("\u{1F4CA} Statistics:\n"));
+      console.log(chalk16.cyan("\u{1F4CA} Statistics:\n"));
       const pageCount = Array.isArray(config2.pages) ? config2.pages.length : Object.keys(config2.pages || {}).length;
-      console.log(chalk17.gray("   Pages: ") + chalk17.white(String(pageCount)));
+      console.log(chalk16.gray("   Pages: ") + chalk16.white(String(pageCount)));
       const componentCount = Array.isArray(config2.components) ? config2.components.length : Object.keys(config2.components || {}).length;
-      console.log(chalk17.gray("   Components: ") + chalk17.white(String(componentCount)));
+      console.log(chalk16.gray("   Components: ") + chalk16.white(String(componentCount)));
       const tokenCount = countTokens(config2.tokens);
-      console.log(chalk17.gray("   Design tokens: ") + chalk17.white(String(tokenCount)));
+      console.log(chalk16.gray("   Design tokens: ") + chalk16.white(String(tokenCount)));
       console.log("");
       const recent = readRecentChanges(project.root);
       if (recent.length > 0) {
-        console.log(chalk17.cyan("\u{1F4DD} Recent changes:\n"));
+        console.log(chalk16.cyan("\u{1F4DD} Recent changes:\n"));
         recent.slice(0, 5).forEach((change) => {
           const ago = formatTimeAgo(change.timestamp);
-          console.log(chalk17.gray("   \u2022 ") + chalk17.white(change.description) + chalk17.gray(` (${ago})`));
+          console.log(chalk16.gray("   \u2022 ") + chalk16.white(change.description) + chalk16.gray(` (${ago})`));
         });
         console.log("");
       }
-      console.log(chalk17.cyan("\u{1F680} Quick actions:\n"));
-      console.log(chalk17.white('   $ coherent chat "add new page"'));
-      console.log(chalk17.white("   $ coherent preview"));
-      console.log(chalk17.white("   $ coherent export"));
+      console.log(chalk16.cyan("\u{1F680} Quick actions:\n"));
+      console.log(chalk16.white('   $ coherent chat "add new page"'));
+      console.log(chalk16.white("   $ coherent preview"));
+      console.log(chalk16.white("   $ coherent export"));
       console.log("");
     } catch (error) {
-      console.error(chalk17.red("Error loading config:"));
+      console.error(chalk16.red("Error loading config:"));
       if (error instanceof Error) {
-        console.error(chalk17.red(`   ${error.message}`));
+        console.error(chalk16.red(`   ${error.message}`));
       } else {
-        console.error(chalk17.red("   Unknown error"));
+        console.error(chalk16.red("   Unknown error"));
       }
       console.log("");
     }
   } catch (error) {
-    console.error(chalk17.red("\u274C Command failed:"), error instanceof Error ? error.message : "Unknown error");
+    console.error(chalk16.red("\u274C Command failed:"), error instanceof Error ? error.message : "Unknown error");
     process.exit(1);
   }
 }
 
 // src/commands/regenerate-docs.ts
-import chalk18 from "chalk";
+import chalk17 from "chalk";
 import ora5 from "ora";
 import { DesignSystemManager as DesignSystemManager10 } from "@getcoherent/core";
 import { ProjectScaffolder as ProjectScaffolder2 } from "@getcoherent/core";
@@ -11408,9 +10279,9 @@ async function regenerateDocsCommand() {
   try {
     const project = findConfig();
     if (!project) {
-      console.log(chalk18.yellow("\u26A0\uFE0F  Not in a Coherent project\n"));
+      console.log(chalk17.yellow("\u26A0\uFE0F  Not in a Coherent project\n"));
       console.log("Run this command from a project root that has design-system.config.ts");
-      console.log(chalk18.white("  $ coherent init   # in an empty folder first\n"));
+      console.log(chalk17.white("  $ coherent init   # in an empty folder first\n"));
       process.exit(1);
     }
     const spinner = ora5("Regenerating documentation pages...").start();
@@ -11422,23 +10293,23 @@ async function regenerateDocsCommand() {
       await scaffolder.generateDocsPages();
       spinner.succeed("Documentation pages updated");
       console.log(
-        chalk18.gray(
+        chalk17.gray(
           "\nUpdated: app/design-system/docs/ (layout, page, components, tokens, for-designers, recommendations)\n"
         )
       );
     } catch (err) {
       spinner.fail("Failed to regenerate docs");
-      console.error(chalk18.red(err instanceof Error ? err.message : String(err)));
+      console.error(chalk17.red(err instanceof Error ? err.message : String(err)));
       process.exit(1);
     }
   } catch (error) {
-    console.error(chalk18.red("\u274C Command failed:"), error instanceof Error ? error.message : "Unknown error");
+    console.error(chalk17.red("\u274C Command failed:"), error instanceof Error ? error.message : "Unknown error");
     process.exit(1);
   }
 }
 
 // src/commands/fix.ts
-import chalk19 from "chalk";
+import chalk18 from "chalk";
 import { readdirSync as readdirSync8, readFileSync as readFileSync16, existsSync as existsSync22, writeFileSync as writeFileSync11, rmSync as rmSync5, mkdirSync as mkdirSync7 } from "fs";
 import { resolve as resolve13, join as join16 } from "path";
 import {
@@ -11490,31 +10361,31 @@ async function fixCommand(opts = {}) {
   const fixes = [];
   const remaining = [];
   if (dryRun) {
-    console.log(chalk19.cyan("\ncoherent fix --dry-run\n"));
+    console.log(chalk18.cyan("\ncoherent fix --dry-run\n"));
   } else {
-    console.log(chalk19.cyan("\ncoherent fix\n"));
+    console.log(chalk18.cyan("\ncoherent fix\n"));
   }
   if (!skipCache) {
     const nextDir = join16(projectRoot, ".next");
     if (existsSync22(nextDir)) {
       if (!dryRun) rmSync5(nextDir, { recursive: true, force: true });
       fixes.push("Cleared build cache");
-      console.log(chalk19.green("  \u2714 Cleared build cache"));
+      console.log(chalk18.green("  \u2714 Cleared build cache"));
     }
   }
   const missingPkgs = await findMissingPackages(projectRoot);
   if (missingPkgs.length > 0) {
     if (dryRun) {
       fixes.push(`Would install packages: ${missingPkgs.join(", ")}`);
-      console.log(chalk19.green(`  \u2714 Would install packages: ${missingPkgs.join(", ")}`));
+      console.log(chalk18.green(`  \u2714 Would install packages: ${missingPkgs.join(", ")}`));
     } else {
       const ok = await installPackages(projectRoot, missingPkgs);
       if (ok) {
         fixes.push(`Installed missing packages: ${missingPkgs.join(", ")}`);
-        console.log(chalk19.green(`  \u2714 Installed missing packages: ${missingPkgs.join(", ")}`));
+        console.log(chalk18.green(`  \u2714 Installed missing packages: ${missingPkgs.join(", ")}`));
       } else {
         remaining.push(`Failed to install: ${missingPkgs.join(", ")}. Run: npm install ${missingPkgs.join(" ")}`);
-        console.log(chalk19.yellow(`  \u26A0 Could not install: ${missingPkgs.join(", ")}`));
+        console.log(chalk18.yellow(`  \u26A0 Could not install: ${missingPkgs.join(", ")}`));
       }
     }
   }
@@ -11551,7 +10422,7 @@ async function fixCommand(opts = {}) {
     if (toInstall.length > 0) {
       if (dryRun) {
         fixes.push(`Would install components: ${toInstall.join(", ")}`);
-        console.log(chalk19.green(`  \u2714 Would install components: ${toInstall.join(", ")}`));
+        console.log(chalk18.green(`  \u2714 Would install components: ${toInstall.join(", ")}`));
       } else {
         let installed = 0;
         for (const componentId of toInstall) {
@@ -11580,14 +10451,14 @@ async function fixCommand(opts = {}) {
             installed++;
           } catch (err) {
             console.log(
-              chalk19.yellow(`  \u26A0 Failed to install ${componentId}: ${err instanceof Error ? err.message : "unknown"}`)
+              chalk18.yellow(`  \u26A0 Failed to install ${componentId}: ${err instanceof Error ? err.message : "unknown"}`)
             );
           }
         }
         if (installed > 0) {
           await dsm.save();
           fixes.push(`Installed missing components: ${toInstall.join(", ")}`);
-          console.log(chalk19.green(`  \u2714 Installed missing components: ${toInstall.join(", ")}`));
+          console.log(chalk18.green(`  \u2714 Installed missing components: ${toInstall.join(", ")}`));
         }
       }
     }
@@ -11607,7 +10478,7 @@ async function fixCommand(opts = {}) {
   if (syntaxFixed > 0) {
     const verb = dryRun ? "Would fix" : "Fixed";
     fixes.push(`${verb} syntax in ${syntaxFixed} file(s)`);
-    console.log(chalk19.green(`  \u2714 ${verb} syntax: ${syntaxFixed} file(s) (use client, metadata, quotes)`));
+    console.log(chalk18.green(`  \u2714 ${verb} syntax: ${syntaxFixed} file(s) (use client, metadata, quotes)`));
   }
   if (!skipQuality) {
     let qualityFixCount = 0;
@@ -11625,7 +10496,7 @@ async function fixCommand(opts = {}) {
       const uniqueFixes = [...new Set(qualityFixDetails)];
       const verb = dryRun ? "Would fix" : "Fixed";
       fixes.push(`${verb} quality in ${qualityFixCount} file(s)`);
-      console.log(chalk19.green(`  \u2714 ${verb} ${uniqueFixes.length} quality issue type(s): ${uniqueFixes.join(", ")}`));
+      console.log(chalk18.green(`  \u2714 ${verb} ${uniqueFixes.length} quality issue type(s): ${uniqueFixes.join(", ")}`));
     }
   }
   let totalErrors = 0;
@@ -11670,13 +10541,13 @@ async function fixCommand(opts = {}) {
           if (dryRun) {
             fixes.push(`Would update ${o.id} path to ${newPath}`);
           } else {
-            console.log(chalk19.green(`  \u2714 Updated ${o.id} (${o.name}) path \u2192 ${newPath}`));
+            console.log(chalk18.green(`  \u2714 Updated ${o.id} (${o.name}) path \u2192 ${newPath}`));
           }
         } else {
           if (dryRun) {
             fixes.push(`Would remove orphaned ${o.id} (${o.name})`);
           } else {
-            console.log(chalk19.green(`  \u2714 Removed orphaned ${o.id} (${o.name}) \u2014 file missing`));
+            console.log(chalk18.green(`  \u2714 Removed orphaned ${o.id} (${o.name}) \u2014 file missing`));
           }
         }
       }
@@ -11689,7 +10560,7 @@ async function fixCommand(opts = {}) {
         entry.usedIn = fullActual;
         manifestModified = true;
         if (!dryRun) {
-          console.log(chalk19.green(`  \u2714 Updated ${entry.id} usedIn: ${fullActual.join(", ") || "none"}`));
+          console.log(chalk18.green(`  \u2714 Updated ${entry.id} usedIn: ${fullActual.join(", ") || "none"}`));
         }
       }
     }
@@ -11704,10 +10575,12 @@ async function fixCommand(opts = {}) {
           file: comp.file,
           usedIn: comp.usedIn,
           description: "Auto-registered by fix",
-          createdAt: (/* @__PURE__ */ new Date()).toISOString()
+          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+          dependencies: [],
+          source: "extracted"
         });
         manifest.nextId++;
-        console.log(chalk19.green(`  \u2714 Registered ${id} (${comp.name}) from ${comp.file}`));
+        console.log(chalk18.green(`  \u2714 Registered ${id} (${comp.name}) from ${comp.file}`));
       } else {
         fixes.push(`Would register ${comp.name} from ${comp.file}`);
       }
@@ -11727,33 +10600,33 @@ async function fixCommand(opts = {}) {
   } catch {
   }
   if (fixes.length === 0 && totalErrors === 0 && totalWarnings === 0 && remaining.length === 0) {
-    console.log(chalk19.green("\n  \u2705 Everything looks good \u2014 no issues found\n"));
-    console.log(chalk19.cyan("  Run: coherent preview\n"));
+    console.log(chalk18.green("\n  \u2705 Everything looks good \u2014 no issues found\n"));
+    console.log(chalk18.cyan("  Run: coherent preview\n"));
     return;
   }
   if (fixes.length > 0) console.log("");
   if (totalErrors > 0 || totalWarnings > 0 || remaining.length > 0) {
-    console.log(chalk19.dim("  \u2500".repeat(25)));
-    console.log(chalk19.yellow(`
+    console.log(chalk18.dim("  \u2500".repeat(25)));
+    console.log(chalk18.yellow(`
   Remaining (need manual fix or AI):`));
     for (const { path: path4, report } of fileIssues) {
-      console.log(chalk19.dim(`  \u{1F4C4} ${path4}`));
+      console.log(chalk18.dim(`  \u{1F4C4} ${path4}`));
       console.log(report);
     }
     for (const r of remaining) {
-      console.log(chalk19.yellow(`  \u26A0 ${r}`));
+      console.log(chalk18.yellow(`  \u26A0 ${r}`));
     }
     console.log("");
     const parts = [];
-    if (totalErrors > 0) parts.push(chalk19.red(`\u274C ${totalErrors} error(s)`));
-    if (totalWarnings > 0) parts.push(chalk19.yellow(`\u26A0 ${totalWarnings} warning(s)`));
+    if (totalErrors > 0) parts.push(chalk18.red(`\u274C ${totalErrors} error(s)`));
+    if (totalWarnings > 0) parts.push(chalk18.yellow(`\u26A0 ${totalWarnings} warning(s)`));
     if (parts.length > 0) console.log(`  ${parts.join("  ")}`);
   }
-  console.log(chalk19.cyan("\n  Run: coherent preview\n"));
+  console.log(chalk18.cyan("\n  Run: coherent preview\n"));
 }
 
 // src/commands/check.ts
-import chalk20 from "chalk";
+import chalk19 from "chalk";
 import { resolve as resolve14 } from "path";
 import { readdirSync as readdirSync9, readFileSync as readFileSync17, statSync as statSync3, existsSync as existsSync23 } from "fs";
 import { loadManifest as loadManifest11 } from "@getcoherent/core";
@@ -11801,7 +10674,7 @@ async function checkCommand(opts = {}) {
     const appDir = resolve14(projectRoot, "app");
     const files = findTsxFiles(appDir);
     result.pages.total = files.length;
-    if (!opts.json) console.log(chalk20.cyan("\n  \u{1F4C4} Pages") + chalk20.dim(` (${files.length} scanned)
+    if (!opts.json) console.log(chalk19.cyan("\n  \u{1F4C4} Pages") + chalk19.dim(` (${files.length} scanned)
 `));
     const autoFixableTypes = /* @__PURE__ */ new Set([
       "RAW_COLOR",
@@ -11831,7 +10704,7 @@ async function checkCommand(opts = {}) {
       result.autoFixable += fileAutoFixable;
       if (filteredIssues.length === 0) {
         result.pages.clean++;
-        if (!opts.json) console.log(chalk20.green(`  \u2714 ${relativePath}`) + chalk20.dim(" \u2014 clean"));
+        if (!opts.json) console.log(chalk19.green(`  \u2714 ${relativePath}`) + chalk19.dim(" \u2014 clean"));
         continue;
       }
       if (errors > 0) result.pages.withErrors++;
@@ -11844,9 +10717,9 @@ async function checkCommand(opts = {}) {
       });
       if (!opts.json) {
         const parts = [];
-        if (errors > 0) parts.push(chalk20.red(`${errors} error(s)`));
-        if (warnings > 0) parts.push(chalk20.yellow(`${warnings} warning(s)`));
-        console.log(chalk20.yellow(`  \u26A0 ${relativePath}`) + chalk20.dim(` \u2014 ${parts.join(", ")}`));
+        if (errors > 0) parts.push(chalk19.red(`${errors} error(s)`));
+        if (warnings > 0) parts.push(chalk19.yellow(`${warnings} warning(s)`));
+        console.log(chalk19.yellow(`  \u26A0 ${relativePath}`) + chalk19.dim(` \u2014 ${parts.join(", ")}`));
         console.log(formatIssues(filteredIssues));
       }
     }
@@ -11872,15 +10745,15 @@ async function checkCommand(opts = {}) {
       }
     }
     if (!opts.json && result.links.broken.length > 0) {
-      console.log(chalk20.yellow(`
-  \u{1F517} Internal Links`) + chalk20.dim(` (${result.links.total} scanned)
+      console.log(chalk19.yellow(`
+  \u{1F517} Internal Links`) + chalk19.dim(` (${result.links.total} scanned)
 `));
       for (const b of result.links.broken) {
-        console.log(chalk20.red(`  \u2717 ${b.file}:${b.line}`) + chalk20.dim(` \u2192 ${b.href} (route does not exist)`));
+        console.log(chalk19.red(`  \u2717 ${b.file}:${b.line}`) + chalk19.dim(` \u2192 ${b.href} (route does not exist)`));
       }
     } else if (!opts.json && result.links.total > 0) {
-      console.log(chalk20.green(`
-  \u{1F517} Internal Links`) + chalk20.dim(` \u2014 all ${result.links.total} links resolve \u2713`));
+      console.log(chalk19.green(`
+  \u{1F517} Internal Links`) + chalk19.dim(` \u2014 all ${result.links.total} links resolve \u2713`));
     }
     try {
       const manifest = await loadManifest11(project.root);
@@ -11889,7 +10762,7 @@ async function checkCommand(opts = {}) {
           const fullPath = resolve14(project.root, entry.file);
           if (!existsSync23(fullPath)) {
             result.pages.withErrors++;
-            if (!opts.json) console.log(chalk20.red(`
+            if (!opts.json) console.log(chalk19.red(`
   \u2717 Missing shared component file: ${entry.id} (${entry.file})`));
           }
         }
@@ -11901,8 +10774,8 @@ async function checkCommand(opts = {}) {
     try {
       const manifest = await loadManifest11(projectRoot);
       if (!opts.json && manifest.shared.length > 0) {
-        console.log(chalk20.cyan(`
-  \u{1F9E9} Shared Components`) + chalk20.dim(` (${manifest.shared.length} registered)
+        console.log(chalk19.cyan(`
+  \u{1F9E9} Shared Components`) + chalk19.dim(` (${manifest.shared.length} registered)
 `));
       }
       let consistent = 0;
@@ -11916,8 +10789,8 @@ async function checkCommand(opts = {}) {
         if (!fileExists) {
           _orphaned++;
           if (!opts.json) {
-            console.log(chalk20.red(`  \u274C ${entry.id} (${entry.name}) \u2014 file missing: ${entry.file}`));
-            console.log(chalk20.dim(`     Fix: coherent fix  or  coherent sync`));
+            console.log(chalk19.red(`  \u274C ${entry.id} (${entry.name}) \u2014 file missing: ${entry.file}`));
+            console.log(chalk19.dim(`     Fix: coherent fix  or  coherent sync`));
           }
           continue;
         }
@@ -11928,11 +10801,11 @@ async function checkCommand(opts = {}) {
             _nameMismatch++;
             if (!opts.json) {
               console.log(
-                chalk20.yellow(
+                chalk19.yellow(
                   `  \u26A0 ${entry.id} \u2014 manifest name "${entry.name}" doesn't match export "${actualExports[0]}"`
                 )
               );
-              console.log(chalk20.dim(`     Fix: coherent sync`));
+              console.log(chalk19.dim(`     Fix: coherent sync`));
             }
           }
         } catch {
@@ -11947,35 +10820,35 @@ async function checkCommand(opts = {}) {
         if (totalUsage === 0) {
           unused++;
           if (!opts.json) {
-            console.log(chalk20.blue(`  \u2139 ${entry.id} (${entry.name}) \u2014 registered but not used anywhere`));
-            console.log(chalk20.dim(`     Remove: coherent components shared remove ${entry.id}`));
+            console.log(chalk19.blue(`  \u2139 ${entry.id} (${entry.name}) \u2014 registered but not used anywhere`));
+            console.log(chalk19.dim(`     Remove: coherent components shared remove ${entry.id}`));
           }
         } else {
           consistent++;
           const usageDesc = inLayout ? `layout + ${actualUsedIn.length} page(s)` : `${actualUsedIn.length} page(s)`;
           if (!opts.json) {
-            const staleNote = isStale ? chalk20.yellow(" [usedIn stale]") : "";
-            console.log(chalk20.green(`  \u2714 ${entry.id} (${entry.name})`) + chalk20.dim(` \u2014 ${usageDesc}`) + staleNote);
+            const staleNote = isStale ? chalk19.yellow(" [usedIn stale]") : "";
+            console.log(chalk19.green(`  \u2714 ${entry.id} (${entry.name})`) + chalk19.dim(` \u2014 ${usageDesc}`) + staleNote);
           }
         }
       }
       const unregistered = findUnregisteredComponents(projectRoot, manifest);
       if (unregistered.length > 0 && !opts.json) {
-        console.log(chalk20.cyan(`
+        console.log(chalk19.cyan(`
   \u{1F4E6} Unregistered components found:`));
         for (const comp of unregistered) {
-          console.log(chalk20.blue(`  \u2139 ${comp.name}`) + chalk20.dim(` \u2014 ${comp.file} (not in manifest)`));
-          console.log(chalk20.dim(`     Register: coherent sync`));
+          console.log(chalk19.blue(`  \u2139 ${comp.name}`) + chalk19.dim(` \u2014 ${comp.file} (not in manifest)`));
+          console.log(chalk19.dim(`     Register: coherent sync`));
         }
       }
       const inlineDupes = findInlineDuplicates(projectRoot, manifest);
       if (inlineDupes.length > 0 && !opts.json) {
-        console.log(chalk20.cyan(`
+        console.log(chalk19.cyan(`
   \u{1F50D} Inline duplicates:`));
         for (const dup of inlineDupes) {
-          console.log(chalk20.yellow(`  \u26A0 ${dup.pageFile}`) + chalk20.dim(` has inline ${dup.componentName}`));
+          console.log(chalk19.yellow(`  \u26A0 ${dup.pageFile}`) + chalk19.dim(` has inline ${dup.componentName}`));
           console.log(
-            chalk20.dim(
+            chalk19.dim(
               `     Use shared: import { ${dup.componentName} } from "@/${dup.sharedFile.replace(".tsx", "")}"`
             )
           );
@@ -11998,28 +10871,62 @@ async function checkCommand(opts = {}) {
     } catch {
     }
   }
+  if (!skipShared) {
+    try {
+      const { validateReuse } = await import("./reuse-validator-HC4LZEKF.js");
+      const { inferPageTypeFromRoute: inferPageTypeFromRoute2 } = await import("./design-constraints-EIP2XM7T.js");
+      const manifest = await loadManifest11(projectRoot);
+      const appDir = resolve14(projectRoot, "app");
+      const pageFiles = existsSync23(appDir) ? findTsxFiles(appDir) : [];
+      if (manifest.shared.length > 0 && pageFiles.length > 0) {
+        const reuseWarnings = [];
+        for (const file of pageFiles) {
+          const code = readFileSync17(file, "utf-8");
+          const relativePath = file.replace(projectRoot + "/", "");
+          const route = "/" + relativePath.replace(/^app\//, "").replace(/\/page\.tsx$/, "").replace(/^\(.*?\)\//, "");
+          const pageType = inferPageTypeFromRoute2(route);
+          const warnings = validateReuse(manifest, code, pageType);
+          for (const w of warnings) {
+            reuseWarnings.push({ file: relativePath, message: w.message });
+          }
+        }
+        if (reuseWarnings.length > 0 && !opts.json) {
+          console.log(chalk19.yellow(`
+  \u{1F504} Reuse Warnings`) + chalk19.dim(` (${reuseWarnings.length} found)
+`));
+          for (const w of reuseWarnings.slice(0, 10)) {
+            console.log(chalk19.yellow(`  \u26A0 ${w.file}:`) + chalk19.dim(` ${w.message}`));
+          }
+          if (reuseWarnings.length > 10) {
+            console.log(chalk19.dim(`  ... and ${reuseWarnings.length - 10} more`));
+          }
+        }
+      }
+    } catch {
+    }
+  }
   if (opts.json) {
     console.log(JSON.stringify(result, null, 2));
     return;
   }
-  console.log(chalk20.dim("\n  " + "\u2500".repeat(50)));
+  console.log(chalk19.dim("\n  " + "\u2500".repeat(50)));
   const summaryParts = [];
   if (!skipPages) {
-    summaryParts.push(`${chalk20.green(`${result.pages.clean} clean`)} pages`);
-    if (result.pages.withErrors > 0) summaryParts.push(chalk20.red(`${result.pages.withErrors} with errors`));
-    if (result.pages.withWarnings > 0) summaryParts.push(chalk20.yellow(`${result.pages.withWarnings} with warnings`));
+    summaryParts.push(`${chalk19.green(`${result.pages.clean} clean`)} pages`);
+    if (result.pages.withErrors > 0) summaryParts.push(chalk19.red(`${result.pages.withErrors} with errors`));
+    if (result.pages.withWarnings > 0) summaryParts.push(chalk19.yellow(`${result.pages.withWarnings} with warnings`));
   }
   if (!skipShared && result.shared.total > 0) {
     summaryParts.push(`${result.shared.consistent} healthy shared`);
     if (result.shared.unused > 0) summaryParts.push(`${result.shared.unused} unused`);
   }
   if (result.links.broken.length > 0) {
-    summaryParts.push(chalk20.red(`${result.links.broken.length} broken link(s)`));
+    summaryParts.push(chalk19.red(`${result.links.broken.length} broken link(s)`));
   }
   console.log(`
   ${summaryParts.join(" | ")}`);
   if (result.autoFixable > 0) {
-    console.log(chalk20.cyan(`
+    console.log(chalk19.cyan(`
   Auto-fixable: ${result.autoFixable} issues. Run: coherent fix`));
   }
   console.log("");
@@ -12028,21 +10935,21 @@ async function checkCommand(opts = {}) {
 }
 
 // src/commands/repair.ts
-import chalk21 from "chalk";
+import chalk20 from "chalk";
 async function repairCommand() {
-  console.log(chalk21.dim("  \u2139\uFE0F  `coherent repair` is deprecated \u2014 use `coherent fix` instead\n"));
+  console.log(chalk20.dim("  \u2139\uFE0F  `coherent repair` is deprecated \u2014 use `coherent fix` instead\n"));
   await fixCommand();
 }
 
 // src/commands/doctor.ts
-import chalk22 from "chalk";
+import chalk21 from "chalk";
 async function doctorCommand() {
-  console.log(chalk22.dim("  \u2139\uFE0F  `coherent doctor` is deprecated \u2014 use `coherent fix` instead\n"));
+  console.log(chalk21.dim("  \u2139\uFE0F  `coherent doctor` is deprecated \u2014 use `coherent fix` instead\n"));
   await fixCommand();
 }
 
 // src/commands/rules.ts
-import chalk23 from "chalk";
+import chalk22 from "chalk";
 async function rulesCommand() {
   try {
     const result = await regenerateCursorRules();
@@ -12053,31 +10960,31 @@ async function rulesCommand() {
     if (result.sharedCount !== void 0) parts.push(`${result.sharedCount} shared components`);
     if (result.tokenKeys !== void 0) parts.push(`${result.tokenKeys} design token keys`);
     const summary = parts.length > 0 ? ` (${parts.join(", ")})` : "";
-    console.log(chalk23.green(`\u2714 Updated .cursorrules and CLAUDE.md${summary}
+    console.log(chalk22.green(`\u2714 Updated .cursorrules and CLAUDE.md${summary}
 `));
   } catch (error) {
-    console.error(chalk23.red("\u274C Command failed:"), error instanceof Error ? error.message : "Unknown error");
+    console.error(chalk22.red("\u274C Command failed:"), error instanceof Error ? error.message : "Unknown error");
     process.exit(1);
   }
 }
 
 // src/commands/validate.ts
-import chalk24 from "chalk";
+import chalk23 from "chalk";
 async function validateCommand() {
-  console.log(chalk24.dim("  \u2139\uFE0F  `coherent validate` is deprecated \u2014 use `coherent check` instead\n"));
+  console.log(chalk23.dim("  \u2139\uFE0F  `coherent validate` is deprecated \u2014 use `coherent check` instead\n"));
   await checkCommand({ pages: true });
 }
 
 // src/commands/audit.ts
-import chalk25 from "chalk";
+import chalk24 from "chalk";
 async function auditCommand(options) {
-  console.log(chalk25.dim("  \u2139\uFE0F  `coherent audit` is deprecated \u2014 use `coherent check` instead\n"));
+  console.log(chalk24.dim("  \u2139\uFE0F  `coherent audit` is deprecated \u2014 use `coherent check` instead\n"));
   await checkCommand({ shared: true, json: options.json });
 }
 
 // src/commands/components.ts
 import { Command } from "commander";
-import chalk26 from "chalk";
+import chalk25 from "chalk";
 import {
   DesignSystemManager as DesignSystemManager12,
   ComponentManager as ComponentManager7,
@@ -12128,19 +11035,27 @@ function createComponentsCommand() {
       console.log(JSON.stringify({ shared: manifest.shared, ui: installed2 }, null, 2));
       return;
     }
-    console.log(chalk26.bold("\n\u{1F4E6} Shared Components"));
+    console.log(chalk25.bold("\n\u{1F4E6} Shared Components"));
     if (manifest.shared.length === 0) {
-      console.log(chalk26.gray("   None yet. Generate pages with header/footer to create them.\n"));
+      console.log(chalk25.gray("   None yet. Generate pages with header/footer to create them.\n"));
     } else {
-      const order = { layout: 0, section: 1, widget: 2 };
+      const order = {
+        layout: 0,
+        navigation: 1,
+        "data-display": 2,
+        form: 3,
+        feedback: 4,
+        section: 5,
+        widget: 6
+      };
       const sorted = [...manifest.shared].sort(
         (a, b) => (order[a.type] ?? 9) - (order[b.type] ?? 9) || a.name.localeCompare(b.name)
       );
       console.log("");
       sorted.forEach((entry) => {
-        const usage = entry.usedIn.length === 0 ? chalk26.gray("unused") : entry.usedIn.includes("app/layout.tsx") ? chalk26.green("all pages") : chalk26.gray(entry.usedIn.join(", "));
+        const usage = entry.usedIn.length === 0 ? chalk25.gray("unused") : entry.usedIn.includes("app/layout.tsx") ? chalk25.green("all pages") : chalk25.gray(entry.usedIn.join(", "));
         console.log(
-          `   ${chalk26.cyan(entry.id.padEnd(8))} ${chalk26.white(entry.name.padEnd(18))} ${chalk26.gray(entry.type.padEnd(9))} ${usage}`
+          `   ${chalk25.cyan(entry.id.padEnd(8))} ${chalk25.white(entry.name.padEnd(18))} ${chalk25.gray(entry.type.padEnd(9))} ${usage}`
         );
       });
       console.log("");
@@ -12149,24 +11064,24 @@ function createComponentsCommand() {
     const availableShadcn = listShadcnComponents();
     const installedIds = new Set(installed.map((c) => c.id));
     const notInstalled = availableShadcn.filter((id) => !installedIds.has(id));
-    console.log(chalk26.bold("\u{1F9E9} UI Components (shadcn)"));
+    console.log(chalk25.bold("\u{1F9E9} UI Components (shadcn)"));
     if (installed.length === 0) {
-      console.log(chalk26.gray("   None installed yet.\n"));
+      console.log(chalk25.gray("   None installed yet.\n"));
     } else {
       const names = installed.map((c) => c.name).sort();
-      console.log(chalk26.green(`   Installed (${names.length}): `) + chalk26.white(names.join(", ")));
+      console.log(chalk25.green(`   Installed (${names.length}): `) + chalk25.white(names.join(", ")));
     }
     if (notInstalled.length > 0) {
-      console.log(chalk26.gray(`   Available (${notInstalled.length}):  `) + chalk26.gray(notInstalled.join(", ")));
+      console.log(chalk25.gray(`   Available (${notInstalled.length}):  `) + chalk25.gray(notInstalled.join(", ")));
     }
     console.log("");
-    console.log(chalk26.cyan("\u{1F4A1} Commands:"));
-    console.log(chalk26.white('   coherent chat "add a testimonial component"'));
-    console.log(chalk26.white('   coherent chat --component "Header" "add a search button"'));
+    console.log(chalk25.cyan("\u{1F4A1} Commands:"));
+    console.log(chalk25.white('   coherent chat "add a testimonial component"'));
+    console.log(chalk25.white('   coherent chat --component "Header" "add a search button"'));
     console.log("");
   });
   cmd.command("add <name>").description("Install a specific component").action(async (name) => {
-    console.log(chalk26.yellow(`
+    console.log(chalk25.yellow(`
 \u{1F4A1} Use: coherent chat "add ${name} component"
 `));
   });
@@ -12179,25 +11094,35 @@ function createComponentsCommand() {
       console.log(JSON.stringify(manifest, null, 2));
       return;
     }
-    console.log(chalk26.bold("\n\u{1F4E6} Shared Components\n"));
+    console.log(chalk25.bold("\n\u{1F4E6} Shared Components\n"));
     if (manifest.shared.length === 0) {
-      console.log(chalk26.yellow("   No shared components yet.\n"));
-      console.log(chalk26.gray('   Create via chat: coherent chat "add a page with header and footer"\n'));
+      console.log(chalk25.yellow("   No shared components yet.\n"));
+      console.log(chalk25.gray('   Create via chat: coherent chat "add a page with header and footer"\n'));
       return;
     }
-    const order = { layout: 0, section: 1, widget: 2 };
-    const sorted = [...manifest.shared].sort((a, b) => order[a.type] - order[b.type] || a.name.localeCompare(b.name));
+    const order = {
+      layout: 0,
+      navigation: 1,
+      "data-display": 2,
+      form: 3,
+      feedback: 4,
+      section: 5,
+      widget: 6
+    };
+    const sorted = [...manifest.shared].sort(
+      (a, b) => (order[a.type] ?? 9) - (order[b.type] ?? 9) || a.name.localeCompare(b.name)
+    );
     sorted.forEach((entry) => {
-      const usedIn = entry.usedIn.length === 0 ? chalk26.gray("(not used yet)") : entry.usedIn.length === 1 && entry.usedIn[0] === "app/layout.tsx" ? chalk26.gray("layout.tsx (all pages)") : chalk26.gray(`used in: ${entry.usedIn.join(", ")}`);
-      console.log(chalk26.cyan(`  ${entry.id}`), chalk26.white(entry.name), chalk26.gray(entry.type));
+      const usedIn = entry.usedIn.length === 0 ? chalk25.gray("(not used yet)") : entry.usedIn.length === 1 && entry.usedIn[0] === "app/layout.tsx" ? chalk25.gray("layout.tsx (all pages)") : chalk25.gray(`used in: ${entry.usedIn.join(", ")}`);
+      console.log(chalk25.cyan(`  ${entry.id}`), chalk25.white(entry.name), chalk25.gray(entry.type));
       if (opts.verbose) {
-        console.log(chalk26.gray(`    file: ${entry.file}`));
-        if (entry.description) console.log(chalk26.gray(`    ${entry.description}`));
+        console.log(chalk25.gray(`    file: ${entry.file}`));
+        if (entry.description) console.log(chalk25.gray(`    ${entry.description}`));
       }
-      console.log(chalk26.gray(`    ${usedIn}`));
+      console.log(chalk25.gray(`    ${usedIn}`));
       console.log("");
     });
-    console.log(chalk26.cyan("\u{1F4A1} Modify by ID:"), chalk26.white('coherent chat "in CID-001 add a search button"\n'));
+    console.log(chalk25.cyan("\u{1F4A1} Modify by ID:"), chalk25.white('coherent chat "in CID-001 add a search button"\n'));
   });
   sharedCmd.command("add <name>").description("Create a shared component (layout/section/widget) and register in manifest").option("-t, --type <type>", "Type: layout | section | widget", "layout").option("-d, --description <desc>", "Description").action(async (name, opts) => {
     const project = findConfig();
@@ -12209,12 +11134,12 @@ function createComponentsCommand() {
       description: opts.description,
       usedIn: type === "layout" ? ["app/layout.tsx"] : []
     });
-    console.log(chalk26.green(`
+    console.log(chalk25.green(`
 \u2705 Created ${result.id} (${result.name}) at ${result.file}
 `));
     if (type === "layout") {
       const updated = await integrateSharedLayoutIntoRootLayout3(project.root);
-      if (updated) console.log(chalk26.cyan("   Updated app/layout.tsx to use shared layout components.\n"));
+      if (updated) console.log(chalk25.cyan("   Updated app/layout.tsx to use shared layout components.\n"));
     }
     const sharedPagePath = resolve15(project.root, "app/design-system/shared/page.tsx");
     if (!existsSync24(sharedPagePath)) {
@@ -12224,23 +11149,23 @@ function createComponentsCommand() {
         const config2 = dsm.getConfig();
         const written = await writeDesignSystemFiles(project.root, config2, { sharedOnly: true });
         if (written.length > 0) {
-          console.log(chalk26.cyan("   Added Design System shared pages: /design-system/shared\n"));
+          console.log(chalk25.cyan("   Added Design System shared pages: /design-system/shared\n"));
         }
       } catch (e) {
-        if (process.env.COHERENT_DEBUG === "1") console.error(chalk26.dim("DS shared pages write failed:"), e);
+        if (process.env.COHERENT_DEBUG === "1") console.error(chalk25.dim("DS shared pages write failed:"), e);
       }
     }
     try {
       await writeCursorRules(project.root);
     } catch (e) {
-      if (process.env.COHERENT_DEBUG === "1") console.error(chalk26.dim("Could not update .cursorrules:"), e);
+      if (process.env.COHERENT_DEBUG === "1") console.error(chalk25.dim("Could not update .cursorrules:"), e);
     }
   });
   return cmd;
 }
 
 // src/commands/import-cmd.ts
-import chalk27 from "chalk";
+import chalk26 from "chalk";
 import ora6 from "ora";
 import { writeFile as writeFile7, mkdir as mkdir7 } from "fs/promises";
 import { resolve as resolve16, join as join18, dirname as dirname9 } from "path";
@@ -12345,25 +11270,25 @@ function createImportCommand() {
 }
 async function importFigmaAction(urlOrKey, opts) {
   if (typeof urlOrKey !== "string" || !urlOrKey.trim()) {
-    console.error(chalk27.red("\n\u274C Figma URL or file key is required.\n"));
-    console.log(chalk27.dim("  Usage: coherent import figma <url-or-key> --token <your-token>\n"));
+    console.error(chalk26.red("\n\u274C Figma URL or file key is required.\n"));
+    console.log(chalk26.dim("  Usage: coherent import figma <url-or-key> --token <your-token>\n"));
     process.exit(1);
   }
   const token = opts.token ?? process.env.FIGMA_ACCESS_TOKEN ?? process.env.FIGMA_TOKEN;
   if (!token || typeof token !== "string") {
-    console.error(chalk27.red("\n\u274C Figma token required.\n"));
-    console.log(chalk27.dim("  Use: coherent import figma <url-or-key> --token <your-token>"));
-    console.log(chalk27.dim("  Or set FIGMA_ACCESS_TOKEN or FIGMA_TOKEN in your environment.\n"));
-    console.log(chalk27.dim("  Get a token: Figma \u2192 Settings \u2192 Personal access tokens.\n"));
+    console.error(chalk26.red("\n\u274C Figma token required.\n"));
+    console.log(chalk26.dim("  Use: coherent import figma <url-or-key> --token <your-token>"));
+    console.log(chalk26.dim("  Or set FIGMA_ACCESS_TOKEN or FIGMA_TOKEN in your environment.\n"));
+    console.log(chalk26.dim("  Get a token: Figma \u2192 Settings \u2192 Personal access tokens.\n"));
     process.exit(1);
   }
   const generatePages = opts.pages !== false;
   const dryRun = Boolean(opts.dryRun);
   const fileKey = FigmaClient.extractFileKey(urlOrKey);
   if (!fileKey) {
-    console.error(chalk27.red("\n\u274C Invalid Figma URL or file key.\n"));
-    console.log(chalk27.dim("  Use a URL like: https://www.figma.com/file/ABC123/MyDesign"));
-    console.log(chalk27.dim("  Or the file key: ABC123\n"));
+    console.error(chalk26.red("\n\u274C Invalid Figma URL or file key.\n"));
+    console.log(chalk26.dim("  Use a URL like: https://www.figma.com/file/ABC123/MyDesign"));
+    console.log(chalk26.dim("  Or the file key: ABC123\n"));
     process.exit(1);
   }
   const project = findConfig();
@@ -12540,7 +11465,7 @@ export const config = ${JSON.stringify(fullConfig, null, 2)} as const
       try {
         await writeCursorRules(projectRoot);
       } catch (e) {
-        if (process.env.COHERENT_DEBUG === "1") console.error(chalk27.dim("Could not update .cursorrules:"), e);
+        if (process.env.COHERENT_DEBUG === "1") console.error(chalk26.dim("Could not update .cursorrules:"), e);
       }
     } else {
       stats.filesWritten.push(DESIGN_SYSTEM_CONFIG_PATH);
@@ -12550,7 +11475,7 @@ export const config = ${JSON.stringify(fullConfig, null, 2)} as const
   } catch (err) {
     spinner.fail("Import failed");
     const message = err instanceof Error ? err.message : String(err);
-    console.error(chalk27.red("\n\u274C " + message + "\n"));
+    console.error(chalk26.red("\n\u274C " + message + "\n"));
     process.exit(1);
   }
 }
@@ -12558,36 +11483,36 @@ function printReport(stats, opts) {
   const { dryRun, generatePages, fileName } = opts;
   console.log("");
   if (dryRun) {
-    console.log(chalk27.yellow("\u2550\u2550\u2550 Dry run (no files written) \u2550\u2550\u2550"));
+    console.log(chalk26.yellow("\u2550\u2550\u2550 Dry run (no files written) \u2550\u2550\u2550"));
     console.log("");
   }
-  console.log(chalk27.green("\u2705 Figma import complete"));
+  console.log(chalk26.green("\u2705 Figma import complete"));
   console.log("");
-  console.log(chalk27.cyan("  Statistics"));
-  console.log(chalk27.dim("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
-  console.log(chalk27.blue(`   File: ${fileName}`));
-  console.log(chalk27.blue(`   Color styles: ${stats.colorStyles}`));
-  console.log(chalk27.blue(`   Text styles: ${stats.textStyles}`));
+  console.log(chalk26.cyan("  Statistics"));
+  console.log(chalk26.dim("  \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+  console.log(chalk26.blue(`   File: ${fileName}`));
+  console.log(chalk26.blue(`   Color styles: ${stats.colorStyles}`));
+  console.log(chalk26.blue(`   Text styles: ${stats.textStyles}`));
   console.log(
-    chalk27.blue(`   Components: ${stats.componentsTotal} (${stats.baseCount} \u2192 base, ${stats.sharedCount} \u2192 shared)`)
+    chalk26.blue(`   Components: ${stats.componentsTotal} (${stats.baseCount} \u2192 base, ${stats.sharedCount} \u2192 shared)`)
   );
-  console.log(chalk27.blue(`   Pages: ${stats.pagesGenerated}${!generatePages ? " (skipped by --no-pages)" : ""}`));
-  console.log(chalk27.blue(`   design-system.config: ${stats.configUpdated ? "updated" : "\u2014"}`));
-  console.log(chalk27.blue(`   Layout (Header/Footer): ${stats.layoutIntegrated ? "integrated" : "\u2014"}`));
-  console.log(chalk27.blue(`   DS viewer files: ${stats.dsFilesWritten}`));
+  console.log(chalk26.blue(`   Pages: ${stats.pagesGenerated}${!generatePages ? " (skipped by --no-pages)" : ""}`));
+  console.log(chalk26.blue(`   design-system.config: ${stats.configUpdated ? "updated" : "\u2014"}`));
+  console.log(chalk26.blue(`   Layout (Header/Footer): ${stats.layoutIntegrated ? "integrated" : "\u2014"}`));
+  console.log(chalk26.blue(`   DS viewer files: ${stats.dsFilesWritten}`));
   console.log(
-    chalk27.blue(`   Total files ${dryRun ? "that would be written" : "written"}: ${stats.filesWritten.length}`)
+    chalk26.blue(`   Total files ${dryRun ? "that would be written" : "written"}: ${stats.filesWritten.length}`)
   );
   console.log("");
   if (stats.filesWritten.length > 0 && stats.filesWritten.length <= 30) {
-    console.log(chalk27.dim("  Files:"));
-    stats.filesWritten.forEach((f) => console.log(chalk27.dim(`    ${f}`)));
+    console.log(chalk26.dim("  Files:"));
+    stats.filesWritten.forEach((f) => console.log(chalk26.dim(`    ${f}`)));
     console.log("");
   }
 }
 
 // src/commands/ds.ts
-import chalk28 from "chalk";
+import chalk27 from "chalk";
 import ora7 from "ora";
 import { DesignSystemManager as DesignSystemManager14 } from "@getcoherent/core";
 async function dsRegenerateCommand() {
@@ -12602,16 +11527,16 @@ async function dsRegenerateCommand() {
     const config2 = dsm.getConfig();
     const written = await writeDesignSystemFiles(project.root, config2);
     spinner.succeed(`Regenerated ${written.length} Design System file(s)`);
-    console.log(chalk28.gray("   app/design-system/* and app/api/design-system/*\n"));
-    console.log(chalk28.cyan("   Open /design-system in the app to view.\n"));
+    console.log(chalk27.gray("   app/design-system/* and app/api/design-system/*\n"));
+    console.log(chalk27.cyan("   Open /design-system in the app to view.\n"));
   } catch (error) {
-    console.error(chalk28.red("\u274C Command failed:"), error instanceof Error ? error.message : "Unknown error");
+    console.error(chalk27.red("\u274C Command failed:"), error instanceof Error ? error.message : "Unknown error");
     process.exit(1);
   }
 }
 
 // src/commands/update.ts
-import chalk29 from "chalk";
+import chalk28 from "chalk";
 import ora8 from "ora";
 import { readFileSync as readFileSync18, existsSync as existsSync26 } from "fs";
 import { join as join19 } from "path";
@@ -12663,14 +11588,14 @@ async function updateCommand(opts) {
     const projectVersion = config2.coherentVersion || "0.0.0";
     if (compareSemver(projectVersion, CLI_VERSION4) === 0) {
       spinner.succeed("Project is already up to date");
-      console.log(chalk29.gray(`   Version: v${CLI_VERSION4}
+      console.log(chalk28.gray(`   Version: v${CLI_VERSION4}
 `));
       return;
     }
     if (compareSemver(projectVersion, CLI_VERSION4) > 0) {
       spinner.warn("Project was created with a newer CLI version");
-      console.log(chalk29.yellow(`   Project: v${projectVersion} \u2192 CLI: v${CLI_VERSION4}`));
-      console.log(chalk29.yellow("   Update your CLI: npm install -g @getcoherent/cli@latest\n"));
+      console.log(chalk28.yellow(`   Project: v${projectVersion} \u2192 CLI: v${CLI_VERSION4}`));
+      console.log(chalk28.yellow("   Update your CLI: npm install -g @getcoherent/cli@latest\n"));
       return;
     }
     const report = {
@@ -12716,36 +11641,36 @@ async function updateCommand(opts) {
 }
 function printReport2(report) {
   const from = report.fromVersion ? `v${report.fromVersion}` : "unknown";
-  console.log(chalk29.green(`
+  console.log(chalk28.green(`
 \u2714 Project updated: ${from} \u2192 v${report.toVersion}
 `));
   if (report.overlayFiles > 0) {
-    console.log(chalk29.white(`  \u2714 Regenerated platform overlay (${report.overlayFiles} files)`));
+    console.log(chalk28.white(`  \u2714 Regenerated platform overlay (${report.overlayFiles} files)`));
   }
   if (report.migrationsApplied.length > 0) {
     for (const desc of report.migrationsApplied) {
-      console.log(chalk29.white(`  \u2714 Migrated config: ${desc}`));
+      console.log(chalk28.white(`  \u2714 Migrated config: ${desc}`));
     }
   }
   if (report.rulesUpdated) {
-    console.log(chalk29.white("  \u2714 Updated .cursorrules and CLAUDE.md"));
+    console.log(chalk28.white("  \u2714 Updated .cursorrules and CLAUDE.md"));
   }
   if (report.missingCssVars.length > 0) {
     console.log("");
-    console.log(chalk29.yellow("  \u26A0 New CSS variables available in globals.css:"));
+    console.log(chalk28.yellow("  \u26A0 New CSS variables available in globals.css:"));
     for (const v of report.missingCssVars.slice(0, 10)) {
-      console.log(chalk29.gray(`    ${v}`));
+      console.log(chalk28.gray(`    ${v}`));
     }
     if (report.missingCssVars.length > 10) {
-      console.log(chalk29.gray(`    ... and ${report.missingCssVars.length - 10} more`));
+      console.log(chalk28.gray(`    ... and ${report.missingCssVars.length - 10} more`));
     }
     console.log("");
-    console.log(chalk29.cyan("  To add them automatically:"));
-    console.log(chalk29.white("    coherent update --patch-globals\n"));
+    console.log(chalk28.cyan("  To add them automatically:"));
+    console.log(chalk28.white("    coherent update --patch-globals\n"));
   }
   console.log("");
-  console.log(chalk29.dim("  Your pages and components were NOT modified."));
-  console.log(chalk29.dim("  Run `coherent check` to check existing pages against new rules.\n"));
+  console.log(chalk28.dim("  Your pages and components were NOT modified."));
+  console.log(chalk28.dim("  Run `coherent check` to check existing pages against new rules.\n"));
 }
 var EXPECTED_CSS_VARS = [
   "--background",
@@ -12829,7 +11754,7 @@ function patchGlobalsCss(projectRoot, missingVars) {
 }
 
 // src/commands/undo.ts
-import chalk30 from "chalk";
+import chalk29 from "chalk";
 async function undoCommand(options) {
   try {
     const project = findConfig();
@@ -12838,41 +11763,41 @@ async function undoCommand(options) {
     const backups = listBackups(projectRoot);
     if (options.list) {
       if (backups.length === 0) {
-        console.log(chalk30.yellow("No backups found."));
+        console.log(chalk29.yellow("No backups found."));
         return;
       }
-      console.log(chalk30.bold("\n\u{1F4E6} Available backups:\n"));
+      console.log(chalk29.bold("\n\u{1F4E6} Available backups:\n"));
       for (const b of backups) {
         const date = new Date(b.timestamp);
         const timeStr = date.toLocaleString();
-        console.log(chalk30.white(`  ${b.name}`));
-        console.log(chalk30.dim(`    ${timeStr} \u2014 ${b.files} file(s)`));
+        console.log(chalk29.white(`  ${b.name}`));
+        console.log(chalk29.dim(`    ${timeStr} \u2014 ${b.files} file(s)`));
         console.log();
       }
       return;
     }
     if (backups.length === 0) {
-      console.log(chalk30.yellow("No backups found. Nothing to undo."));
+      console.log(chalk29.yellow("No backups found. Nothing to undo."));
       return;
     }
     const latest = backups[0];
     const ok = restoreBackup(projectRoot, latest.name);
     if (!ok) {
-      console.log(chalk30.red("Failed to restore backup."));
+      console.log(chalk29.red("Failed to restore backup."));
       return;
     }
-    console.log(chalk30.green("\n\u2705 Restored to previous state:\n"));
-    console.log(chalk30.dim(`  Snapshot: ${new Date(latest.timestamp).toLocaleString()}`));
-    console.log(chalk30.dim(`  Files:    ${latest.files} restored`));
-    console.log(chalk30.cyan("\n  Run: coherent preview\n"));
+    console.log(chalk29.green("\n\u2705 Restored to previous state:\n"));
+    console.log(chalk29.dim(`  Snapshot: ${new Date(latest.timestamp).toLocaleString()}`));
+    console.log(chalk29.dim(`  Files:    ${latest.files} restored`));
+    console.log(chalk29.cyan("\n  Run: coherent preview\n"));
   } catch (error) {
-    console.error(chalk30.red("\u274C Undo failed:"), error instanceof Error ? error.message : "Unknown error");
+    console.error(chalk29.red("\u274C Undo failed:"), error instanceof Error ? error.message : "Unknown error");
     process.exit(1);
   }
 }
 
 // src/commands/sync.ts
-import chalk31 from "chalk";
+import chalk30 from "chalk";
 import ora9 from "ora";
 import { existsSync as existsSync27, readFileSync as readFileSync19 } from "fs";
 import { join as join20, relative as relative5, dirname as dirname10 } from "path";
@@ -13102,6 +12027,18 @@ function extractReusablePatterns(code) {
   }
   return [...classCounts.entries()].filter(([, count]) => count >= 2).map(([pattern, count]) => ({ pattern, count, sample: pattern.slice(0, 80) })).sort((a, b) => b.count - a.count).slice(0, 10);
 }
+function mergeReusablePatternsToStylePatterns(patterns, existing) {
+  const result = { ...existing };
+  for (const p of patterns) {
+    if (p.pattern.includes("rounded") && p.pattern.includes("border") && !result.card) {
+      result.card = p.pattern;
+    }
+    if (p.pattern.includes("py-") && p.pattern.includes("px-") && !result.section) {
+      result.section = p.pattern;
+    }
+  }
+  return result;
+}
 async function syncCommand(options = {}) {
   const project = findConfig();
   if (!project) return exitNotCoherent();
@@ -13110,7 +12047,7 @@ async function syncCommand(options = {}) {
   const doTokens = runAll || options.tokens === true;
   const doComponents = runAll || options.components === true;
   const doPatterns = runAll || options.patterns === true;
-  if (dryRun) console.log(chalk31.yellow("  [dry-run] No files will be written\n"));
+  if (dryRun) console.log(chalk30.yellow("  [dry-run] No files will be written\n"));
   const spinner = ora9("Scanning project files...").start();
   try {
     const appDir = join20(project.root, "app");
@@ -13251,84 +12188,87 @@ async function syncCommand(options = {}) {
       spinner.succeed("Updated .cursorrules and CLAUDE.md");
     }
     console.log("");
-    console.log(chalk31.green(`\u2705 Design System ${dryRun ? "analyzed" : "synced"} with actual code
+    console.log(chalk30.green(`\u2705 Design System ${dryRun ? "analyzed" : "synced"} with actual code
 `));
-    console.log(chalk31.blue("\u{1F4C4} Pages:"));
+    console.log(chalk30.blue("\u{1F4C4} Pages:"));
     for (const page of discoveredPages) {
       const a = analyzePageCode(page.code);
       const comps = Object.entries(a.componentUsage || {}).filter(([, c]) => c > 0).map(([n]) => n);
-      console.log(chalk31.gray(`   ${page.route} \u2014 ${page.name}`));
-      if (comps.length > 0) console.log(chalk31.gray(`     Components: ${comps.join(", ")}`));
-      if (a.sections?.length) console.log(chalk31.gray(`     Sections: ${a.sections.map((s) => s.name).join(", ")}`));
+      console.log(chalk30.gray(`   ${page.route} \u2014 ${page.name}`));
+      if (comps.length > 0) console.log(chalk30.gray(`     Components: ${comps.join(", ")}`));
+      if (a.sections?.length) console.log(chalk30.gray(`     Sections: ${a.sections.map((s) => s.name).join(", ")}`));
     }
     if (doTokens && extractedTokens) {
       console.log("");
-      console.log(chalk31.blue("\u{1F3A8} Design Tokens (from globals.css):"));
+      console.log(chalk30.blue("\u{1F3A8} Design Tokens (from globals.css):"));
       const lc = Object.keys(extractedTokens.colors.light).length;
       const dc = Object.keys(extractedTokens.colors.dark).length;
-      console.log(chalk31.gray(`   Light: ${lc} variables | Dark: ${dc} variables`));
-      console.log(chalk31.gray(`   Default mode: ${extractedTokens.defaultMode}`));
-      if (extractedTokens.radius) console.log(chalk31.gray(`   Border radius: ${extractedTokens.radius}`));
+      console.log(chalk30.gray(`   Light: ${lc} variables | Dark: ${dc} variables`));
+      console.log(chalk30.gray(`   Default mode: ${extractedTokens.defaultMode}`));
+      if (extractedTokens.radius) console.log(chalk30.gray(`   Border radius: ${extractedTokens.radius}`));
     }
     if (doComponents && reconcileResult) {
       console.log("");
-      console.log(chalk31.blue("\u{1F9E9} Shared Components:"));
+      console.log(chalk30.blue("\u{1F9E9} Shared Components:"));
       for (const r of reconcileResult.removed) {
-        console.log(chalk31.red(`   \u{1F5D1} Removed ${r.id} (${r.name}) \u2014 ${r.reason}`));
+        console.log(chalk30.red(`   \u{1F5D1} Removed ${r.id} (${r.name}) \u2014 ${r.reason}`));
       }
       for (const u of reconcileResult.updated) {
-        console.log(chalk31.cyan(`   \u{1F4DD} Updated ${u.id} ${u.field}: ${u.from} \u2192 ${u.to}`));
+        console.log(chalk30.cyan(`   \u{1F4DD} Updated ${u.id} ${u.field}: ${u.from} \u2192 ${u.to}`));
       }
       for (const a of reconcileResult.added) {
-        console.log(chalk31.green(`   \u2728 Added ${a.id} (${a.name}) \u2014 ${a.file} (${a.type})`));
+        console.log(chalk30.green(`   \u2728 Added ${a.id} (${a.name}) \u2014 ${a.file} (${a.type})`));
       }
       for (const w of reconcileResult.warnings) {
-        console.log(chalk31.yellow(`   \u26A0 ${w.message}`));
-        console.log(chalk31.dim(`     ${w.suggestion}`));
+        console.log(chalk30.yellow(`   \u26A0 ${w.message}`));
+        console.log(chalk30.dim(`     ${w.suggestion}`));
       }
       if (reconcileResult.removed.length === 0 && reconcileResult.updated.length === 0 && reconcileResult.added.length === 0 && reconcileResult.warnings.length === 0) {
-        console.log(chalk31.gray("   All components consistent \u2713"));
+        console.log(chalk30.gray("   All components consistent \u2713"));
       }
     }
     if (doPatterns && Object.keys(stylePatterns).length > 0) {
       console.log("");
-      console.log(chalk31.blue("\u{1F4D0} Style Patterns:"));
-      if (stylePatterns.card) console.log(chalk31.gray(`   Cards: ${stylePatterns.card.slice(0, 80)}`));
-      if (stylePatterns.section) console.log(chalk31.gray(`   Sections: ${stylePatterns.section}`));
-      if (stylePatterns.terminal) console.log(chalk31.gray(`   Terminal: ${stylePatterns.terminal.slice(0, 80)}`));
-      if (stylePatterns.iconContainer) console.log(chalk31.gray(`   Icons: ${stylePatterns.iconContainer.slice(0, 80)}`));
+      console.log(chalk30.blue("\u{1F4D0} Style Patterns:"));
+      if (stylePatterns.card) console.log(chalk30.gray(`   Cards: ${stylePatterns.card.slice(0, 80)}`));
+      if (stylePatterns.section) console.log(chalk30.gray(`   Sections: ${stylePatterns.section}`));
+      if (stylePatterns.terminal) console.log(chalk30.gray(`   Terminal: ${stylePatterns.terminal.slice(0, 80)}`));
+      if (stylePatterns.iconContainer) console.log(chalk30.gray(`   Icons: ${stylePatterns.iconContainer.slice(0, 80)}`));
       if (stylePatterns.heroHeadline)
-        console.log(chalk31.gray(`   Hero headline: ${stylePatterns.heroHeadline.slice(0, 80)}`));
+        console.log(chalk30.gray(`   Hero headline: ${stylePatterns.heroHeadline.slice(0, 80)}`));
       if (stylePatterns.sectionTitle)
-        console.log(chalk31.gray(`   Section title: ${stylePatterns.sectionTitle.slice(0, 80)}`));
+        console.log(chalk30.gray(`   Section title: ${stylePatterns.sectionTitle.slice(0, 80)}`));
     }
     const tokenUsage = extractActualTokenUsage(allPageCode);
     if (tokenUsage.colors.length > 0) {
       console.log("");
-      console.log(chalk31.blue("\u{1F3F7}\uFE0F  Actual token usage (from classNames):"));
+      console.log(chalk30.blue("\u{1F3F7}\uFE0F  Actual token usage (from classNames):"));
       console.log(
-        chalk31.gray(
+        chalk30.gray(
           `   Colors: ${tokenUsage.colors.slice(0, 12).join(", ")}${tokenUsage.colors.length > 12 ? ` (+${tokenUsage.colors.length - 12})` : ""}`
         )
       );
       console.log(
-        chalk31.gray(
+        chalk30.gray(
           `   Typography: ${tokenUsage.typography.slice(0, 8).join(", ")}${tokenUsage.typography.length > 8 ? ` (+${tokenUsage.typography.length - 8})` : ""}`
         )
       );
-      console.log(chalk31.gray(`   Radius: ${tokenUsage.borderRadius.join(", ")}`));
+      console.log(chalk30.gray(`   Radius: ${tokenUsage.borderRadius.join(", ")}`));
     }
     const reusable = extractReusablePatterns(allPageCode);
     if (reusable.length > 0) {
+      if (!dryRun) {
+        config2.stylePatterns = mergeReusablePatternsToStylePatterns(reusable, config2.stylePatterns || {});
+      }
       console.log("");
-      console.log(chalk31.blue(`\u{1F501} Repeating patterns (${reusable.length} \u2014 potential reusable components):`));
+      console.log(chalk30.blue(`\u{1F501} Repeating patterns (${reusable.length} \u2014 potential reusable components):`));
       for (const p of reusable.slice(0, 5)) {
-        console.log(chalk31.gray(`   \xD7${p.count}: ${p.sample}${p.sample.length < p.pattern.length ? "..." : ""}`));
+        console.log(chalk30.gray(`   \xD7${p.count}: ${p.sample}${p.sample.length < p.pattern.length ? "..." : ""}`));
       }
     }
     console.log("");
     if (!dryRun) {
-      console.log(chalk31.cyan("   Open /design-system in the app to see the updated view."));
+      console.log(chalk30.cyan("   Open /design-system in the app to see the updated view."));
     }
     console.log("");
   } catch (err) {
@@ -13339,7 +12279,7 @@ async function syncCommand(options = {}) {
 }
 
 // src/commands/migrate.ts
-import chalk32 from "chalk";
+import chalk31 from "chalk";
 import ora10 from "ora";
 import { existsSync as existsSync28, mkdirSync as mkdirSync8, cpSync, rmSync as rmSync6, writeFileSync as writeFileSync12, readFileSync as readFileSync20, readdirSync as readdirSync10 } from "fs";
 import { join as join21 } from "path";
@@ -13416,13 +12356,13 @@ async function migrateAction(options) {
   }
   const guard = guardPath(projectRoot);
   if (existsSync28(guard)) {
-    console.log(chalk32.yellow("A migration is already in progress."));
-    console.log(chalk32.dim("Run `coherent migrate --rollback` to undo, or delete .coherent/migration-in-progress"));
+    console.log(chalk31.yellow("A migration is already in progress."));
+    console.log(chalk31.dim("Run `coherent migrate --rollback` to undo, or delete .coherent/migration-in-progress"));
     return;
   }
   const uiDir = join21(projectRoot, "components", "ui");
   if (!existsSync28(uiDir)) {
-    console.log(chalk32.yellow("No components/ui directory found. Nothing to migrate."));
+    console.log(chalk31.yellow("No components/ui directory found. Nothing to migrate."));
     return;
   }
   const provider = getComponentProvider();
@@ -13430,16 +12370,16 @@ async function migrateAction(options) {
   const files = readdirSync10(uiDir).filter((f) => f.endsWith(".tsx"));
   const migratable = files.map((f) => f.replace(".tsx", "")).filter((id) => managedIds.has(id));
   if (migratable.length === 0) {
-    console.log(chalk32.green("All components are already up to date."));
+    console.log(chalk31.green("All components are already up to date."));
     return;
   }
-  console.log(chalk32.cyan(`
+  console.log(chalk31.cyan(`
 Found ${migratable.length} component(s) to migrate:`));
   for (const id of migratable) {
-    console.log(chalk32.dim(`  - ${id}`));
+    console.log(chalk31.dim(`  - ${id}`));
   }
   if (options.dryRun) {
-    console.log(chalk32.yellow("\n[dry-run] No changes applied."));
+    console.log(chalk31.yellow("\n[dry-run] No changes applied."));
     return;
   }
   const spinner = ora10("Migrating components...").start();
@@ -13456,12 +12396,12 @@ Found ${migratable.length} component(s) to migrate:`));
       if (result.success) {
         migrated++;
       } else {
-        console.warn(chalk32.yellow(`  \u26A0 Failed to migrate ${id}`));
+        console.warn(chalk31.yellow(`  \u26A0 Failed to migrate ${id}`));
       }
     }
     clearGuard(projectRoot);
     spinner.succeed(`Migrated ${migrated}/${migratable.length} components to real shadcn/ui`);
-    console.log(chalk32.dim(`  Backup saved to: ${backup}`));
+    console.log(chalk31.dim(`  Backup saved to: ${backup}`));
   } catch (err) {
     spinner.fail("Migration failed \u2014 rolling back");
     rollback(projectRoot);
@@ -13473,7 +12413,7 @@ Found ${migratable.length} component(s) to migrate:`));
 import { existsSync as existsSync29, mkdirSync as mkdirSync9, readFileSync as readFileSync21, writeFileSync as writeFileSync13 } from "fs";
 import { join as join22 } from "path";
 import { homedir } from "os";
-import chalk33 from "chalk";
+import chalk32 from "chalk";
 import { CLI_VERSION as CLI_VERSION5 } from "@getcoherent/core";
 var DEBUG5 = process.env.COHERENT_DEBUG === "1";
 var PACKAGE_NAME = "@getcoherent/cli";
@@ -13544,8 +12484,8 @@ async function checkForUpdates() {
 }
 function printUpdateNotice(latest) {
   console.log(
-    chalk33.yellow(`
-  \u2B06  Update available: v${CLI_VERSION5} \u2192 v${latest}`) + chalk33.dim(`
+    chalk32.yellow(`
+  \u2B06  Update available: v${CLI_VERSION5} \u2192 v${latest}`) + chalk32.dim(`
      Run: npm update -g ${PACKAGE_NAME}
 `)
   );
@@ -13564,7 +12504,10 @@ program.name("coherent").description(
   "Coherent Design Method \u2014 AI-powered design system generator\nby Sergei Kovtun \xB7 https://www.linkedin.com/in/sergeikovtun/"
 ).version(CLI_VERSION6);
 program.command("init").argument("[name]", "Project directory name (created if it does not exist)").description("Initialize a new Coherent project").action(initCommand);
-program.command("chat").description("Modify design system via conversation").argument("[message]", "Modification request").option("--provider <provider>", "AI provider: claude|openai|auto", "auto").option("--component <name>", "Target a specific component by name or CID").option("--page <name>", "Target a specific page by name, id, or route").option("--token <name>", "Target a specific design token").option("-i, --interactive", "Interactive chat mode").action(chatCommand);
+program.command("chat").description("Modify design system via conversation").argument("[message]", "Modification request").option("--provider <provider>", "AI provider: claude|openai|auto", "auto").option("--component <name>", "Target a specific component by name or CID").option("--page <name>", "Target a specific page by name, id, or route").option("--token <name>", "Target a specific design token").option("--new-component <name>", "Create a new shared component with the given name").option(
+  "--type <type>",
+  "Component type for --new-component: layout, navigation, data-display, form, feedback, section"
+).option("-i, --interactive", "Interactive chat mode").action(chatCommand);
 program.command("preview").description("Launch dev server for preview").action(previewCommand);
 program.command("check").description("Show all problems: page quality, shared components, internal links").option("--json", "Output as JSON").option("--pages", "Only check pages").option("--shared", "Only check shared components").action((opts) => checkCommand(opts));
 program.command("fix").description("Auto-fix everything: cache, deps, components, syntax, quality").option("--dry-run", "Show what would be fixed without writing").option("--no-cache", "Skip cache clearing").option("--no-quality", "Skip quality auto-fixes").action((opts) => fixCommand(opts));