@getcoherent/cli 0.5.3 → 0.5.5

package/dist/index.js

@@ -3909,6 +3909,7 @@ DROPDOWN MENU:
 - Item text: text-sm. Icon before text: size-4 mr-2.
 - Group related items with DropdownMenuSeparator.
 - Destructive item: className="text-destructive" at bottom, separated.
+- NON-DESTRUCTIVE items: NEVER apply text color classes. Use default text-foreground. No text-amber, text-orange, text-yellow on menu items.
 - Keyboard shortcut hint: <DropdownMenuShortcut>\u2318K</DropdownMenuShortcut>.
 - Max items without scroll: 8. For more, use Command palette.
 - Trigger: Button variant="ghost" size="icon" for icon-only, variant="outline" for labeled.
@@ -4284,7 +4285,8 @@ async function parseModification(message, context, provider = "auto", options) {
     const prompt2 = buildPlanOnlyPrompt(message, context.config);
     const raw2 = await ai.parseModification(prompt2);
     const requestsArray2 = Array.isArray(raw2) ? raw2 : raw2?.requests ?? [];
-    return { requests: requestsArray2, uxRecommendations: void 0 };
+    const navigation = !Array.isArray(raw2) && raw2?.navigation ? raw2.navigation : void 0;
+    return { requests: requestsArray2, uxRecommendations: void 0, navigation };
   }
   const componentRegistry = buildComponentRegistry(context.componentManager);
   let enhancedMessage = message;
@@ -4341,7 +4343,10 @@ Return ONLY a JSON object with this structure (no pageCode, no sections, no cont
 {
   "requests": [
     { "type": "add-page", "target": "new", "changes": { "id": "page-id", "name": "Page Name", "route": "/page-route" } }
-  ]
+  ],
+  "navigation": {
+    "type": "header"
+  }
 }
 
 Rules:
@@ -4349,6 +4354,10 @@ Rules:
 - Route must start with /
 - Keep response under 500 tokens
 - Do NOT include pageCode, sections, or any other fields
+- Navigation type: Detect from user's request and include in response:
+  * "sidebar" \u2014 if user mentions sidebar, side menu, left panel, admin panel, or app has 6+ main sections
+  * "header" \u2014 if user mentions top navigation, header nav, or app is simple (< 6 sections). This is the default.
+  * "both" \u2014 if complex multi-level app needs both header and sidebar navigation
 - Include ALL pages the user explicitly requested
 - ALSO include logically related pages that a real app would need. For example:
   * If there is a catalog/listing page, add a detail page (e.g. /products \u2192 /products/[id])
@@ -4487,6 +4496,7 @@ LAYOUT CONTRACT (CRITICAL \u2014 prevents duplicate navigation and footer):
 - The app has a root layout (app/layout.tsx) that renders a shared Header and Footer.
 - Pages are rendered INSIDE this layout, between the Header and Footer.
 - NEVER include <header>, <nav>, or <footer> elements in pageCode. Also do NOT add a footer-like section at the bottom (no "\xA9 2024", no site links, no logo + nav links at the bottom).
+- NEVER generate a sidebar panel, navigation column, or left-side navigation inside pageCode. Sidebar navigation is handled by the layout system via shared Sidebar component. If the user mentions "sidebar", it will be rendered by app/(app)/layout.tsx \u2014 do NOT recreate it in page code.
 - If the page needs sub-navigation (tabs, breadcrumbs, sidebar nav), use elements like <div role="tablist"> or <aside> \u2014 NOT <header>, <nav>, or <footer>.
 - Do NOT add any navigation bars, logo headers, site-wide menus, or site footers to pages. The layout provides all of these.
 
@@ -4503,7 +4513,7 @@ PAGE CONTENT (CRITICAL \u2014 prevents empty or duplicate pages):
 - Every page MUST have substantial content. NEVER generate a page with only metadata and an empty <main> element.
 - NEVER create an inline preview/demo of another page (e.g., embedding a "dashboard view" inside the landing page with a toggle). Each page should be its own route.
 - NEVER create a single-page app (SPA) that renders multiple views via useState. Each view must be a separate Next.js page with its own route.
-- The home page (route "/") should be a simple redirect using next/navigation redirect('/dashboard') \u2014 OR a standalone landing page. NEVER a multi-view SPA.
+- The home page (route "/"): When BOTH "/" and "/dashboard" exist, "/" MUST be a full landing page with hero section, features, pricing, and CTA buttons linking to /login and /register \u2014 NOT a redirect. When "/" is the ONLY main page, it can be a redirect to /dashboard. NEVER a multi-view SPA.
 - Landing pages should link to app pages via <Link href="/dashboard">, NOT via useState toggles that render inline content.
 
 pageCode rules (shadcn/ui blocks quality):
@@ -4515,8 +4525,10 @@ pageCode rules (shadcn/ui blocks quality):
 - No placeholders: real contextual copy only. Use the EXACT text, language, and content from the user's request.
 - IMAGES: For avatar/profile photos, use https://i.pravatar.cc/150?u=<unique-seed> (e.g. ?u=sarah.johnson). For hero/product images, use https://picsum.photos/800/400?random=N. Use standard <img> tags with className, NOT Next.js <Image>. Always provide alt text.
 - BUTTON + LINK: The Button component supports asChild prop. To make a button that navigates, use <Button asChild><Link href="/path"><Plus className="size-4" /> Label</Link></Button>. Never nest <button> inside <Link> or vice versa without asChild.
+- DOM NESTING: NEVER nest interactive elements. No <Button> inside <Link>, no <a> inside <a>, no <button> inside <button>. For clickable cards containing internal buttons, use onClick on the card wrapper \u2014 NOT <Link> wrapping the entire card.
 - Hover/focus on every interactive element (hover:bg-muted, focus-visible:ring-2 focus-visible:ring-ring).
 - LANGUAGE: Match the language of the user's request. English request \u2192 English page. Russian request \u2192 Russian page. Never switch languages.
+- NEVER use native HTML <select> or <option>. Always use Select, SelectTrigger, SelectValue, SelectContent, SelectItem from @/components/ui/select.
 
 NEXT.JS APP ROUTER RULE (CRITICAL \u2014 invalid code fails to compile):
 - "use client" and export const metadata are FORBIDDEN in the same file.
@@ -4704,7 +4716,7 @@ var AUTH_LAYOUT = `export default function AuthLayout({
   children: React.ReactNode
 }) {
   return (
-    <div className="min-h-svh bg-muted">
+    <div className="min-h-svh bg-muted flex items-center justify-center p-4">
       {children}
     </div>
   )
@@ -5042,1716 +5054,1861 @@ function fixGlobalsCss(projectRoot, config2) {
   writeFileSync7(layoutPath, layoutContent, "utf-8");
 }
 
-// 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";
-var MARKETING_ROUTES = /* @__PURE__ */ new Set(["", "landing", "pricing", "about", "contact", "blog", "features"]);
-function isMarketingRoute(route) {
-  const slug = route.replace(/^\//, "").split("/")[0] || "";
-  return MARKETING_ROUTES.has(slug);
-}
-function routeToFsPath(projectRoot, route, isAuth) {
-  const slug = route.replace(/^\//, "");
-  if (isAuth) {
-    return resolve5(projectRoot, "app", "(auth)", slug || "login", "page.tsx");
-  }
-  if (!slug) {
-    return resolve5(projectRoot, "app", "page.tsx");
-  }
-  if (isMarketingRoute(route)) {
-    return resolve5(projectRoot, "app", slug, "page.tsx");
-  }
-  return resolve5(projectRoot, "app", "(app)", slug, "page.tsx");
-}
-function routeToRelPath(route, isAuth) {
-  const slug = route.replace(/^\//, "");
-  if (isAuth) {
-    return `app/(auth)/${slug || "login"}/page.tsx`;
-  }
-  if (!slug) {
-    return "app/page.tsx";
-  }
-  if (isMarketingRoute(route)) {
-    return `app/${slug}/page.tsx`;
-  }
-  return `app/(app)/${slug}/page.tsx`;
-}
-function deduplicatePages(pages) {
-  const normalize = (route) => route.replace(/\/$/, "").replace(/s$/, "").replace(/ue$/, "");
-  const seen = /* @__PURE__ */ new Map();
-  return pages.filter((page, idx) => {
-    const norm = normalize(page.route);
-    if (seen.has(norm)) return false;
-    seen.set(norm, idx);
-    return true;
-  });
-}
-function extractComponentIdsFromCode(code) {
-  const ids = /* @__PURE__ */ new Set();
-  const allMatches = code.matchAll(/@\/components\/((?:ui\/)?[a-z0-9-]+)/g);
-  for (const m of allMatches) {
-    if (!m[1]) continue;
-    let id = m[1];
-    if (id.startsWith("ui/")) id = id.slice(3);
-    if (id === "shared" || id.startsWith("shared/")) continue;
-    if (id) ids.add(id);
+// src/utils/quality-validator.ts
+var RAW_COLOR_RE = /(?:bg|text|border)-(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 ids;
+  return inSingle || inDouble || inTemplate;
 }
-async function warnInlineDuplicates(projectRoot, pageName, pageCode, manifest) {
-  const sectionOrWidget = manifest.shared.filter((e) => e.type === "section" || e.type === "widget");
-  if (sectionOrWidget.length === 0) return;
-  for (const e of sectionOrWidget) {
-    const kebab = e.file.replace(/^components\/shared\//, "").replace(/\.tsx$/, "");
-    const hasImport = pageCode.includes(`@/components/shared/${kebab}`);
-    if (hasImport) continue;
-    const sameNameAsTag = new RegExp(`<\\/?${e.name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}[\\s>]`).test(pageCode);
-    if (sameNameAsTag) {
-      console.log(
-        chalk8.yellow(
-          `
-\u26A0 Page "${pageName}" contains inline code similar to ${e.id} (${e.name}). Consider using the shared component instead.`
-        )
-      );
-      continue;
-    }
-    try {
-      const fullPath = resolve5(projectRoot, e.file);
-      const sharedSnippet = (await readFile(fullPath)).slice(0, 600);
-      const sharedTokens = new Set(sharedSnippet.match(/\b[a-zA-Z0-9-]{4,}\b/g) ?? []);
-      const pageTokens = pageCode.match(/\b[a-zA-Z0-9-]+\b/g) ?? [];
-      let overlap = 0;
-      for (const t of sharedTokens) {
-        if (pageTokens.includes(t)) overlap++;
+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;
       }
-      if (overlap >= 12 && sharedTokens.size >= 10) {
-        console.log(
-          chalk8.yellow(
-            `
-\u26A0 Page "${pageName}" contains inline code similar to ${e.id} (${e.name}). Consider using the shared component instead.`
-          )
-        );
+      const blockStart = line.indexOf("/*");
+      if (blockStart !== -1 && !line.includes("*/")) {
+        inBlockComment = true;
+        continue;
       }
-    } catch {
-    }
-  }
-}
-async function loadConfig(configPath) {
-  if (!existsSync13(configPath)) {
-    throw new Error(
-      `Design system config not found at ${configPath}
-Run "coherent init" first to create a project.`
-    );
-  }
-  const manager = new DesignSystemManager3(configPath);
-  await manager.load();
-  return manager.getConfig();
-}
-function requireProject() {
-  const project = findConfig();
-  if (!project) {
-    exitNotCoherent();
-  }
-  warnIfVolatile(project.root);
-  return project;
-}
-async function resolveTargetFlags(message, options, config2, projectRoot) {
-  if (options.component) {
-    const manifest = await loadManifest4(projectRoot);
-    const target = options.component;
-    const entry = manifest.shared.find(
-      (s) => s.name.toLowerCase() === target.toLowerCase() || s.id.toLowerCase() === target.toLowerCase()
-    );
-    if (entry) {
-      const filePath = resolve5(projectRoot, entry.file);
-      let currentCode = "";
-      if (existsSync13(filePath)) {
-        currentCode = readFileSync8(filePath, "utf-8");
+      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;
+        }
       }
-      const codeSnippet = currentCode ? `
-
-Current code of ${entry.name}:
-\`\`\`tsx
-${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(`
-\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"));
-  }
-  if (options.page) {
-    const target = options.page;
-    const page = config2.pages.find(
-      (p) => p.name.toLowerCase() === target.toLowerCase() || p.id.toLowerCase() === target.toLowerCase() || p.route === target || p.route === "/" + target
-    );
-    if (page) {
-      const relPath = page.route === "/" ? "app/page.tsx" : `app${page.route}/page.tsx`;
-      const filePath = resolve5(projectRoot, relPath);
-      let currentCode = "";
-      if (existsSync13(filePath)) {
-        currentCode = readFileSync8(filePath, "utf-8");
+    } else {
+      pattern.lastIndex = 0;
+      if (pattern.test(line)) {
+        issues.push({ line: i + 1, type, message, severity });
       }
-      const codeSnippet = currentCode ? `
-
-Current code of ${page.name} page:
-\`\`\`tsx
-${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(`
-\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"));
-  }
-  if (options.token) {
-    const target = options.token;
-    return `Change design token "${target}": ${message}. Update the token value in design-system.config.ts and ensure globals.css reflects the change.`;
   }
-  return message;
+  return issues;
 }
-
-// src/commands/chat/request-parser.ts
-var AUTH_FLOW_PATTERNS = {
-  "/login": ["/register", "/forgot-password"],
-  "/signin": ["/register", "/forgot-password"],
-  "/signup": ["/login"],
-  "/register": ["/login"],
-  "/forgot-password": ["/login", "/reset-password"],
-  "/reset-password": ["/login"]
-};
-var PAGE_RELATIONSHIP_RULES = [
-  {
-    trigger: /\/(products|catalog|marketplace|listings|shop|store)\b/i,
-    related: [{ id: "product-detail", name: "Product Detail", route: "/products/[id]" }]
-  },
-  {
-    trigger: /\/(blog|news|articles|posts)\b/i,
-    related: [{ id: "article-detail", name: "Article", route: "/blog/[slug]" }]
-  },
-  {
-    trigger: /\/(campaigns|ads|ad-campaigns)\b/i,
-    related: [{ id: "campaign-detail", name: "Campaign Detail", route: "/campaigns/[id]" }]
-  },
-  {
-    trigger: /\/(dashboard|admin)\b/i,
-    related: [{ id: "settings", name: "Settings", route: "/settings" }]
-  },
-  {
-    trigger: /\/pricing\b/i,
-    related: [{ id: "checkout", name: "Checkout", route: "/checkout" }]
-  }
-];
-function extractInternalLinks(code) {
-  const links = /* @__PURE__ */ new Set();
-  const hrefRe = /href\s*=\s*["'](\/[a-z0-9/-]*)["']/gi;
-  let m;
-  while ((m = hrefRe.exec(code)) !== null) {
-    const route = m[1];
-    if (route === "/" || route.startsWith("/design-system") || route.startsWith("/#") || route.startsWith("/api"))
-      continue;
-    links.add(route);
-  }
-  return [...links];
-}
-function inferRelatedPages(plannedPages) {
-  const plannedRoutes = new Set(plannedPages.map((p) => p.route));
-  const inferred = [];
-  for (const { route } of plannedPages) {
-    const authRelated = AUTH_FLOW_PATTERNS[route];
-    if (authRelated) {
-      for (const rel of authRelated) {
-        if (!plannedRoutes.has(rel)) {
-          const slug = rel.slice(1);
-          const name = slug.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
-          inferred.push({ id: slug, name, route: rel });
-          plannedRoutes.add(rel);
-        }
-      }
-    }
-    for (const rule of PAGE_RELATIONSHIP_RULES) {
-      if (rule.trigger.test(route)) {
-        for (const rel of rule.related) {
-          if (!plannedRoutes.has(rel.route)) {
-            inferred.push(rel);
-            plannedRoutes.add(rel.route);
-          }
-        }
-      }
-    }
-  }
-  return inferred;
-}
-function impliesFullWebsite(message) {
-  return /\b(create|build|make|design)\b.{0,80}\b(website|web\s*site|web\s*app|application|app|platform|portal|marketplace|site)\b/i.test(
-    message
-  );
-}
-function extractPageNamesFromMessage(message) {
-  const pages = [];
-  const known = {
-    home: "/",
-    landing: "/",
-    dashboard: "/dashboard",
-    about: "/about",
-    "about us": "/about",
-    contact: "/contact",
-    contacts: "/contacts",
-    pricing: "/pricing",
-    settings: "/settings",
-    account: "/account",
-    "personal account": "/account",
-    registration: "/registration",
-    signup: "/signup",
-    "sign up": "/signup",
-    login: "/login",
-    "sign in": "/login",
-    catalogue: "/catalogue",
-    catalog: "/catalog",
-    blog: "/blog",
-    portfolio: "/portfolio",
-    features: "/features",
-    services: "/services",
-    faq: "/faq",
-    team: "/team"
-  };
-  const lower = message.toLowerCase();
-  for (const [key, route] of Object.entries(known)) {
-    if (lower.includes(key)) {
-      const name = key.split(" ").map((w) => w[0].toUpperCase() + w.slice(1)).join(" ");
-      const id = route.slice(1) || "home";
-      if (!pages.some((p) => p.route === route)) {
-        pages.push({ name, id, route });
-      }
-    }
-  }
-  return pages;
-}
-function normalizeRequest(request, config2) {
-  const changes = request.changes;
-  const VALID_TYPES = [
-    "update-token",
-    "add-component",
-    "modify-component",
-    "add-layout-block",
-    "modify-layout-block",
-    "add-page",
-    "update-page",
-    "update-navigation",
-    "link-shared",
-    "promote-and-link"
-  ];
-  if (!VALID_TYPES.includes(request.type)) {
-    return { error: `Unknown action "${request.type}". Valid: ${VALID_TYPES.join(", ")}` };
-  }
-  const findPage = (target) => config2.pages.find(
-    (p) => p.id === target || p.route === target || p.name?.toLowerCase() === String(target).toLowerCase()
-  );
-  switch (request.type) {
-    case "update-page": {
-      const page = findPage(request.target);
-      if (!page && changes?.pageCode) {
-        const targetStr = String(request.target);
-        const id = targetStr.replace(/^\//, "") || "home";
-        return {
-          ...request,
-          type: "add-page",
-          target: "new",
-          changes: {
-            id,
-            name: changes.name || id.charAt(0).toUpperCase() + id.slice(1) || "Home",
-            route: targetStr.startsWith("/") ? targetStr : `/${targetStr}`,
-            ...changes
-          }
-        };
-      }
-      if (!page) {
-        const available = config2.pages.map((p) => `${p.name} (${p.route})`).join(", ");
-        return { error: `Page "${request.target}" not found. Available: ${available || "none"}` };
-      }
-      if (page.id !== request.target) {
-        return { ...request, target: page.id };
-      }
-      break;
-    }
-    case "add-page": {
-      if (!changes) break;
-      let route = changes.route || "";
-      if (route && !route.startsWith("/")) route = `/${route}`;
-      if (route) changes.route = route;
-      const existingByRoute = config2.pages.find((p) => p.route === route);
-      if (existingByRoute && route) {
-        return {
-          ...request,
-          type: "update-page",
-          target: existingByRoute.id
-        };
-      }
-      if (!changes.id && changes.name) {
-        changes.id = String(changes.name).toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
-      }
-      if (!changes.id && route) {
-        changes.id = route.replace(/^\//, "") || "home";
-      }
-      break;
-    }
-    case "modify-component": {
-      const componentId = request.target;
-      const existingComp = config2.components.find((c) => c.id === componentId);
-      if (!existingComp) {
-        return {
-          ...request,
-          type: "add-component",
-          target: "new"
-        };
-      }
-      if (changes) {
-        if (typeof changes.id === "string" && changes.id !== componentId) {
-          const targetExists = config2.components.some((c) => c.id === changes.id);
-          if (!targetExists) {
-            return { ...request, type: "add-component", target: "new" };
-          }
-          return {
-            error: `Cannot change component "${componentId}" to "${changes.id}" \u2014 "${changes.id}" already exists.`
-          };
-        }
-        if (typeof changes.name === "string") {
-          const newName = changes.name.toLowerCase();
-          const curName = existingComp.name.toLowerCase();
-          const curId = componentId.toLowerCase();
-          const nameOk = newName === curName || newName === curId || newName.includes(curId) || curId.includes(newName);
-          if (!nameOk) {
-            delete changes.name;
-          }
-        }
-      }
-      break;
-    }
-    case "add-component": {
-      if (changes) {
-        const shadcn = changes.shadcnComponent;
-        const id = changes.id;
-        if (shadcn && id && id !== shadcn) {
-          changes.id = shadcn;
-        }
-      }
-      break;
-    }
-    case "link-shared": {
-      if (changes) {
-        const page = findPage(request.target);
-        if (!page) {
-          const available = config2.pages.map((p) => `${p.name} (${p.route})`).join(", ");
-          return { error: `Page "${request.target}" not found for link-shared. Available: ${available || "none"}` };
-        }
-        if (page.id !== request.target) {
-          return { ...request, target: page.id };
-        }
-      }
-      break;
-    }
-    case "promote-and-link": {
-      const sourcePage = findPage(request.target);
-      if (!sourcePage) {
-        const available = config2.pages.map((p) => `${p.name} (${p.route})`).join(", ");
-        return {
-          error: `Source page "${request.target}" not found for promote-and-link. Available: ${available || "none"}`
-        };
-      }
-      if (sourcePage.id !== request.target) {
-        return { ...request, target: sourcePage.id };
-      }
-      break;
-    }
-  }
-  return request;
-}
-function applyDefaults(request) {
-  if (request.type === "add-page" && request.changes && typeof request.changes === "object") {
-    const changes = request.changes;
-    const now = (/* @__PURE__ */ new Date()).toISOString();
-    const name = changes.name || "New Page";
-    let id = changes.id || name.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
-    if (!/^[a-z]/.test(id)) id = `page-${id}`;
-    const route = changes.route || `/${id}`;
-    const hasPageCode = typeof changes.pageCode === "string" && changes.pageCode.trim() !== "";
-    const base = {
-      id,
-      name,
-      route: route.startsWith("/") ? route : `/${route}`,
-      layout: changes.layout || "centered",
-      title: changes.title || name,
-      description: changes.description || `${name} page`,
-      createdAt: changes.createdAt || now,
-      updatedAt: changes.updatedAt || now,
-      requiresAuth: changes.requiresAuth ?? false,
-      noIndex: changes.noIndex ?? false
-    };
-    const sections = Array.isArray(changes.sections) ? changes.sections.map((section, idx) => ({
-      id: section.id || `section-${idx}`,
-      name: section.name || `Section ${idx + 1}`,
-      componentId: section.componentId || "button",
-      order: typeof section.order === "number" ? section.order : idx,
-      props: section.props || {}
-    })) : [];
-    return {
-      ...request,
-      changes: {
-        ...base,
-        sections,
-        ...hasPageCode ? { pageCode: changes.pageCode, generatedWithPageCode: true } : {},
-        ...changes.pageType ? { pageType: changes.pageType } : {},
-        ...changes.structuredContent ? { structuredContent: changes.structuredContent } : {}
-      }
-    };
-  }
-  if (request.type === "add-component" && request.changes && typeof request.changes === "object") {
-    const changes = request.changes;
-    const now = (/* @__PURE__ */ new Date()).toISOString();
-    const validSizeNames = ["xs", "sm", "md", "lg", "xl"];
-    let normalizedVariants = [];
-    if (Array.isArray(changes.variants)) {
-      normalizedVariants = changes.variants.map((v) => {
-        if (typeof v === "string") return { name: v, className: "" };
-        if (v && typeof v === "object" && "name" in v) {
-          return {
-            name: v.name,
-            className: v.className ?? ""
-          };
-        }
-        return { name: "default", className: "" };
-      });
-    }
-    let normalizedSizes = [];
-    if (Array.isArray(changes.sizes)) {
-      normalizedSizes = changes.sizes.map((s) => {
-        if (typeof s === "string") {
-          const name = validSizeNames.includes(s) ? s : "md";
-          return { name, className: "" };
-        }
-        if (s && typeof s === "object" && "name" in s) {
-          const raw = s.name;
-          const name = validSizeNames.includes(raw) ? raw : "md";
-          return { name, className: s.className ?? "" };
-        }
-        return { name: "md", className: "" };
-      });
-    }
-    return {
-      ...request,
-      changes: {
-        ...changes,
-        variants: normalizedVariants,
-        sizes: normalizedSizes,
-        createdAt: now,
-        updatedAt: now
-      }
-    };
-  }
-  if (request.type === "modify-component" && request.changes && typeof request.changes === "object") {
-    const changes = request.changes;
-    const validSizeNames = ["xs", "sm", "md", "lg", "xl"];
-    let normalizedVariants;
-    if (Array.isArray(changes.variants)) {
-      normalizedVariants = changes.variants.map((v) => {
-        if (typeof v === "string") return { name: v, className: "" };
-        if (v && typeof v === "object" && "name" in v) {
-          return {
-            name: v.name,
-            className: v.className ?? ""
-          };
-        }
-        return { name: "default", className: "" };
-      });
-    }
-    let normalizedSizes;
-    if (Array.isArray(changes.sizes)) {
-      normalizedSizes = changes.sizes.map((s) => {
-        if (typeof s === "string") {
-          const name = validSizeNames.includes(s) ? s : "md";
-          return { name, className: "" };
-        }
-        if (s && typeof s === "object" && "name" in s) {
-          const raw = s.name;
-          const name = validSizeNames.includes(raw) ? raw : "md";
-          return { name, className: s.className ?? "" };
-        }
-        return { name: "md", className: "" };
-      });
-    }
-    return {
-      ...request,
-      changes: {
-        ...changes,
-        ...normalizedVariants !== void 0 && { variants: normalizedVariants },
-        ...normalizedSizes !== void 0 && { sizes: normalizedSizes }
-      }
-    };
-  }
-  return request;
-}
-
-// src/utils/page-analyzer.ts
-var FORM_COMPONENTS = /* @__PURE__ */ new Set(["Input", "Textarea", "Label", "Select", "Checkbox", "Switch"]);
-var VISUAL_WORDS = /\b(grid lines?|glow|radial|gradient|blur|shadow|overlay|animation|particles?|dots?|vertical|horizontal|decorat|behind|background|divider|spacer|wrapper|container|inner|outer|absolute|relative|translate|opacity|z-index|transition)\b/i;
-function analyzePageCode(code) {
-  return {
-    sections: extractSections(code),
-    componentUsage: extractComponentUsage(code),
-    iconCount: extractIconCount(code),
-    layoutPattern: inferLayoutPattern(code),
-    hasForm: detectFormUsage(code),
-    analyzedAt: (/* @__PURE__ */ new Date()).toISOString()
+function validatePageQuality(code, validRoutes) {
+  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;
   };
-}
-function extractSections(code) {
-  const sections = [];
-  const seen = /* @__PURE__ */ new Set();
-  const commentRe = /\{\/\*\s*(.+?)\s*\*\/\}/g;
-  let m;
-  while ((m = commentRe.exec(code)) !== null) {
-    const raw = m[1].trim();
-    const name = raw.replace(/[─━—–]+/g, "").replace(/\s*section\s*$/i, "").replace(/^section\s*:\s*/i, "").trim();
-    if (!name || name.length <= 1 || name.length >= 40) continue;
-    if (seen.has(name.toLowerCase())) continue;
-    const wordCount = name.split(/\s+/).length;
-    if (wordCount > 5) continue;
-    if (/[{}()=<>;:`"']/.test(name)) continue;
-    if (/^[a-z]/.test(name) && wordCount > 2) continue;
-    if (VISUAL_WORDS.test(name)) continue;
-    seen.add(name.toLowerCase());
-    sections.push({ name, order: sections.length });
+  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
+      )
+    );
   }
-  if (sections.length === 0) {
-    const sectionTagRe = /<section[^>]*>[\s\S]*?<h[12][^>]*>\s*([^<]+)/g;
-    while ((m = sectionTagRe.exec(code)) !== null) {
-      const name = m[1].trim();
-      if (name && name.length > 1 && name.length < 40 && !seen.has(name.toLowerCase())) {
-        seen.add(name.toLowerCase());
-        sections.push({ name, order: sections.length });
+  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"
+        });
       }
     }
   }
-  return sections;
-}
-function extractComponentUsage(code) {
-  const usage = {};
-  const importRe = /import\s*\{([^}]+)\}\s*from\s*['"]@\/components\/ui\/[^'"]+['"]/g;
-  const importedComponents = [];
-  let m;
-  while ((m = importRe.exec(code)) !== null) {
-    const names = m[1].split(",").map((s) => s.trim()).filter(Boolean);
-    importedComponents.push(...names);
-  }
-  for (const comp of importedComponents) {
-    const re = new RegExp(`<${comp}[\\s/>]`, "g");
-    const matches = code.match(re);
-    usage[comp] = matches ? matches.length : 0;
-  }
-  return usage;
-}
-function extractIconCount(code) {
-  const m = code.match(/import\s*\{([^}]+)\}\s*from\s*['"]lucide-react['"]/);
-  if (!m) return 0;
-  return m[1].split(",").map((s) => s.trim()).filter(Boolean).length;
-}
-function inferLayoutPattern(code) {
-  const funcBodyMatch = code.match(/return\s*\(\s*(<[^]*)/s);
-  const topLevel = funcBodyMatch ? funcBodyMatch[1].slice(0, 500) : code.slice(0, 800);
-  if (/grid-cols|grid\s+md:grid-cols|grid\s+lg:grid-cols/.test(topLevel)) return "grid";
-  if (/sidebar|aside/.test(topLevel)) return "sidebar";
-  if (/max-w-\d|mx-auto|container/.test(topLevel)) return "centered";
-  if (/min-h-screen|min-h-svh/.test(topLevel)) return "full-width";
-  return "unknown";
-}
-function detectFormUsage(code) {
-  const importRe = /import\s*\{([^}]+)\}\s*from\s*['"]@\/components\/ui\/[^'"]+['"]/g;
-  let m;
-  while ((m = importRe.exec(code)) !== null) {
-    const names = m[1].split(",").map((s) => s.trim());
-    if (names.some((n) => FORM_COMPONENTS.has(n))) return true;
+  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"
+    });
   }
-  return false;
-}
-function summarizePageAnalysis(pageName, route, analysis) {
-  const parts = [`${pageName} (${route})`];
-  if (analysis.sections && analysis.sections.length > 0) {
-    parts.push(`sections: ${analysis.sections.map((s) => s.name).join(", ")}`);
+  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"
+    )
+  );
+  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"
+    });
   }
-  if (analysis.componentUsage) {
-    const entries = Object.entries(analysis.componentUsage).filter(([, c]) => c > 0);
-    if (entries.length > 0) {
-      parts.push(`uses: ${entries.map(([n, c]) => `${n}(${c})`).join(", ")}`);
+  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;
     }
   }
-  if (analysis.layoutPattern && analysis.layoutPattern !== "unknown") {
-    parts.push(`layout: ${analysis.layoutPattern}`);
+  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 (analysis.hasForm) parts.push("has-form");
-  return `- ${parts.join(". ")}`;
-}
-
-// src/utils/concurrency.ts
-async function pMap(items, fn, concurrency = 3) {
-  const results = new Array(items.length);
-  let nextIndex = 0;
-  async function worker() {
-    while (nextIndex < items.length) {
-      const i = nextIndex++;
-      results[i] = await fn(items[i], i);
-    }
+  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 workers = Array.from({ length: Math.min(concurrency, items.length) }, () => worker());
-  await Promise.all(workers);
-  return results;
-}
-
-// src/commands/chat/split-generator.ts
-function buildExistingPagesContext(config2) {
-  const pages = config2.pages || [];
-  const analyzed = pages.filter((p) => p.pageAnalysis);
-  if (analyzed.length === 0) return "";
-  const lines = analyzed.map((p) => {
-    return summarizePageAnalysis(p.name || p.id, p.route, p.pageAnalysis);
-  });
-  let ctx = `EXISTING PAGES CONTEXT:
-${lines.join("\n")}
-
-Use consistent component choices, spacing, and layout patterns across all pages. Match the style and structure of existing pages.`;
-  const sp = config2.stylePatterns;
-  if (sp && typeof sp === "object") {
-    const parts = [];
-    if (sp.card) parts.push(`Cards: ${sp.card}`);
-    if (sp.section) parts.push(`Sections: ${sp.section}`);
-    if (sp.terminal) parts.push(`Terminal blocks: ${sp.terminal}`);
-    if (sp.iconContainer) parts.push(`Icon containers: ${sp.iconContainer}`);
-    if (sp.heroHeadline) parts.push(`Hero headline: ${sp.heroHeadline}`);
-    if (sp.sectionTitle) parts.push(`Section title: ${sp.sectionTitle}`);
-    if (parts.length > 0) {
-      ctx += `
-
-PROJECT STYLE PATTERNS (from sync \u2014 match these exactly):
-${parts.join("\n")}`;
-    }
+  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"
+    });
   }
-  return ctx;
-}
-function extractStyleContext(pageCode) {
-  const unique = (arr) => [...new Set(arr)];
-  const cardClasses = (pageCode.match(/className="[^"]*(?:rounded|border|shadow|bg-card)[^"]*"/g) || []).map((m) => m.replace(/className="|"/g, "")).filter((c) => c.includes("rounded") || c.includes("border") || c.includes("card"));
-  const sectionSpacing = unique(pageCode.match(/py-\d+(?:\s+md:py-\d+)?/g) || []);
-  const headingStyles = unique(pageCode.match(/text-(?:\d*xl|lg)\s+font-(?:bold|semibold|medium)/g) || []);
-  const colorPatterns = unique(
-    (pageCode.match(
-      /(?:text|bg|border)-(?:primary|secondary|muted|accent|card|destructive|foreground|background)\S*/g
-    ) || []).concat(
-      pageCode.match(
-        /(?:text|bg|border)-(?:emerald|blue|violet|rose|amber|zinc|slate|gray|green|red|orange|indigo|purple|teal|cyan)\S*/g
-      ) || []
-    )
-  );
-  const iconPatterns = unique(pageCode.match(/(?:rounded-\S+\s+)?p-\d+(?:\.\d+)?\s*(?:bg-\S+)?/g) || []).filter(
-    (p) => p.includes("bg-") || p.includes("rounded")
-  );
-  const buttonPatterns = unique(
-    (pageCode.match(/className="[^"]*(?:hover:|active:)[^"]*"/g) || []).map((m) => m.replace(/className="|"/g, "")).filter((c) => c.includes("px-") || c.includes("py-") || c.includes("rounded"))
+  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
   );
-  const bgPatterns = unique(pageCode.match(/bg-(?:muted|card|background|zinc|slate|gray)\S*/g) || []);
-  const gapPatterns = unique(pageCode.match(/gap-\d+/g) || []);
-  const gridPatterns = unique(pageCode.match(/grid-cols-\d+|md:grid-cols-\d+|lg:grid-cols-\d+/g) || []);
-  const containerPatterns = unique(pageCode.match(/container\s+max-w-\S+|max-w-\d+xl\s+mx-auto/g) || []);
-  const lines = [];
-  if (containerPatterns.length > 0) {
-    lines.push(`Container (MUST match for alignment with header/footer): ${containerPatterns[0]} px-4`);
+  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"
+    });
   }
-  if (cardClasses.length > 0) lines.push(`Cards: ${unique(cardClasses).slice(0, 4).join(" | ")}`);
-  if (sectionSpacing.length > 0) lines.push(`Section spacing: ${sectionSpacing.join(", ")}`);
-  if (headingStyles.length > 0) lines.push(`Headings: ${headingStyles.join(", ")}`);
-  if (colorPatterns.length > 0) lines.push(`Colors: ${colorPatterns.slice(0, 15).join(", ")}`);
-  if (iconPatterns.length > 0) lines.push(`Icon containers: ${iconPatterns.slice(0, 4).join(" | ")}`);
-  if (buttonPatterns.length > 0) lines.push(`Buttons: ${buttonPatterns.slice(0, 3).join(" | ")}`);
-  if (bgPatterns.length > 0) lines.push(`Section backgrounds: ${bgPatterns.slice(0, 6).join(", ")}`);
-  if (gapPatterns.length > 0) lines.push(`Gaps: ${gapPatterns.join(", ")}`);
-  if (gridPatterns.length > 0) lines.push(`Grids: ${gridPatterns.join(", ")}`);
-  if (lines.length === 0) return "";
-  return `STYLE CONTEXT (match these patterns exactly for visual consistency with the Home page):
-${lines.map((l) => `  - ${l}`).join("\n")}`;
-}
-async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts) {
-  let pageNames = [];
-  spinner.start("Phase 1/4 \u2014 Planning pages...");
-  try {
-    const planResult = await parseModification(message, modCtx, provider, { ...parseOpts, planOnly: true });
-    const pageReqs = planResult.requests.filter((r) => r.type === "add-page");
-    pageNames = pageReqs.map((r) => {
-      const c = r.changes;
-      const name = c.name || c.id || "page";
-      const id = c.id || name.toLowerCase().replace(/\s+/g, "-");
-      const route = c.route || `/${id}`;
-      return { name, id, route };
+  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"
     });
-  } catch {
-    spinner.text = "AI plan failed \u2014 extracting pages from your request...";
   }
-  if (pageNames.length === 0) {
-    pageNames = extractPageNamesFromMessage(message);
+  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"
+    });
   }
-  if (pageNames.length === 0) {
-    spinner.fail("Could not determine pages to create");
-    return [];
+  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"
+    });
   }
-  pageNames = deduplicatePages(pageNames);
-  const hasHomePage = pageNames.some((p) => p.route === "/");
-  if (!hasHomePage) {
-    const userPages = (modCtx.config.pages || []).filter(
-      (p) => p.id !== "home" && p.id !== "new" && p.route !== "/"
-    );
-    const isFreshProject = userPages.length === 0;
-    if (isFreshProject || impliesFullWebsite(message)) {
-      pageNames.unshift({ name: "Home", id: "home", route: "/" });
+  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"
+    });
+  }
+  return issues;
+}
+function replaceRawColors(classes, colorMap) {
+  let changed = false;
+  let result = classes;
+  const accentColorRe = /\b(bg|text|border)-(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, prefix, color, shade) => {
+    if (colorMap[m]) {
+      changed = true;
+      return colorMap[m];
+    }
+    const n = parseInt(shade);
+    const isDestructive = color === "red";
+    if (prefix === "bg") {
+      if (n >= 500 && n <= 700) {
+        changed = true;
+        return isDestructive ? "bg-destructive" : "bg-primary";
+      }
+      if (n >= 100 && n <= 200) {
+        changed = true;
+        return isDestructive ? "bg-destructive/10" : "bg-primary/10";
+      }
+      if (n >= 300 && n <= 400) {
+        changed = true;
+        return isDestructive ? "bg-destructive/20" : "bg-primary/20";
+      }
+      if (n >= 800) {
+        changed = true;
+        return "bg-muted";
+      }
+    }
+    if (prefix === "text") {
+      if (n >= 400 && n <= 600) {
+        changed = true;
+        return isDestructive ? "text-destructive" : "text-primary";
+      }
+      if (n >= 100 && n <= 300) {
+        changed = true;
+        return "text-foreground";
+      }
+      if (n >= 700) {
+        changed = true;
+        return "text-foreground";
+      }
+    }
+    if (prefix === "border") {
+      changed = true;
+      return isDestructive ? "border-destructive" : "border-primary";
     }
+    return m;
+  });
+  const neutralColorRe = /\b(bg|text|border)-(zinc|slate|gray|neutral|stone)-(\d+)\b/g;
+  result = result.replace(neutralColorRe, (m, prefix, _color, shade) => {
+    if (colorMap[m]) {
+      changed = true;
+      return colorMap[m];
+    }
+    const n = parseInt(shade);
+    if (prefix === "bg") {
+      if (n >= 800) {
+        changed = true;
+        return "bg-background";
+      }
+      if (n >= 100 && n <= 300) {
+        changed = true;
+        return "bg-muted";
+      }
+    }
+    if (prefix === "text") {
+      if (n >= 100 && n <= 300) {
+        changed = true;
+        return "text-foreground";
+      }
+      if (n >= 400 && n <= 600) {
+        changed = true;
+        return "text-muted-foreground";
+      }
+    }
+    if (prefix === "border") {
+      changed = true;
+      return "border-border";
+    }
+    return m;
+  });
+  return { result, changed };
+}
+async function autoFixCode(code) {
+  const fixes = [];
+  let fixed = code;
+  const beforeQuoteFix = fixed;
+  fixed = fixed.replace(/(:\s*'.+)\\'(\s*)$/gm, "$1'$2");
+  if (fixed !== beforeQuoteFix) {
+    fixes.push("fixed escaped closing quotes in strings");
   }
-  const existingRoutes = new Set((modCtx.config.pages || []).map((p) => p.route).filter(Boolean));
-  const inferred = inferRelatedPages(pageNames).filter((p) => !existingRoutes.has(p.route));
-  if (inferred.length > 0) {
-    pageNames.push(...inferred);
-    pageNames = deduplicatePages(pageNames);
+  const beforeEntityFix = fixed;
+  fixed = fixed.replace(/&lt;=/g, "<=");
+  fixed = fixed.replace(/&gt;=/g, ">=");
+  fixed = fixed.replace(/&amp;&amp;/g, "&&");
+  fixed = fixed.replace(/([\w)\]])\s*&lt;\s*([\w(])/g, "$1 < $2");
+  fixed = fixed.replace(/([\w)\]])\s*&gt;\s*([\w(])/g, "$1 > $2");
+  if (fixed !== beforeEntityFix) {
+    fixes.push("Fixed syntax issues");
   }
-  const allRoutes = pageNames.map((p) => p.route).join(", ");
-  const allPagesList = pageNames.map((p) => `${p.name} (${p.route})`).join(", ");
-  const inferredNote = inferred.length > 0 ? ` (${inferred.length} auto-inferred)` : "";
-  spinner.succeed(`Phase 1/4 \u2014 Found ${pageNames.length} pages${inferredNote}: ${allPagesList}`);
-  const homeIdx = pageNames.findIndex((p) => p.route === "/");
-  const homePage = homeIdx !== -1 ? pageNames[homeIdx] : pageNames[0];
-  const remainingPages = pageNames.filter((_, i) => i !== (homeIdx !== -1 ? homeIdx : 0));
-  spinner.start(`Phase 2/4 \u2014 Generating ${homePage.name} page (sets design direction)...`);
-  let homeRequest = null;
-  let homePageCode = "";
-  try {
-    const homeResult = await parseModification(
-      `Create ONE page called "${homePage.name}" at route "${homePage.route}". Context: ${message}. This REPLACES the default placeholder page \u2014 generate a complete, content-rich landing page for the project described above. Generate complete pageCode. Include a branded site-wide <header> with navigation links to ALL these pages: ${allPagesList}. Use these EXACT routes in navigation: ${allRoutes}. Include a <footer> at the bottom. Make it visually polished \u2014 this page sets the design direction for the entire site. Do not generate other pages.`,
-      modCtx,
-      provider,
-      parseOpts
-    );
-    const codePage = homeResult.requests.find((r) => r.type === "add-page");
-    if (codePage) {
-      homeRequest = codePage;
-      homePageCode = codePage.changes?.pageCode || "";
-    }
-  } catch {
+  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 (!homeRequest) {
-    homeRequest = {
-      type: "add-page",
-      target: "new",
-      changes: { id: homePage.id, name: homePage.name, route: homePage.route }
-    };
+  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");
   }
-  spinner.succeed(`Phase 2/4 \u2014 ${homePage.name} page generated`);
-  spinner.start("Phase 3/4 \u2014 Extracting design patterns...");
-  const styleContext = homePageCode ? extractStyleContext(homePageCode) : "";
-  if (styleContext) {
-    const lineCount = styleContext.split("\n").length - 1;
-    spinner.succeed(`Phase 3/4 \u2014 Extracted ${lineCount} style patterns from ${homePage.name}`);
-  } else {
-    spinner.succeed("Phase 3/4 \u2014 No style patterns extracted (Home page had no code)");
+  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 (remainingPages.length === 0) {
-    return [homeRequest];
+  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");
   }
-  spinner.start(`Phase 4/4 \u2014 Generating ${remainingPages.length} pages in parallel...`);
-  const sharedNote = "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 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 existingPagesContext = buildExistingPagesContext(modCtx.config);
-  const AI_CONCURRENCY = 3;
-  let phase4Done = 0;
-  const remainingRequests = await pMap(
-    remainingPages,
-    async ({ name, id, route }) => {
-      const prompt = [
-        `Create ONE page called "${name}" at route "${route}".`,
-        `Context: ${message}.`,
-        `Generate complete pageCode for this single page only. Do not generate other pages.`,
-        sharedNote,
-        routeNote,
-        alignmentNote,
-        existingPagesContext,
-        styleContext
-      ].filter(Boolean).join("\n\n");
-      try {
-        const result = await parseModification(prompt, modCtx, provider, parseOpts);
-        phase4Done++;
-        spinner.text = `Phase 4/4 \u2014 ${phase4Done}/${remainingPages.length} pages generated...`;
-        const codePage = result.requests.find((r) => r.type === "add-page");
-        return codePage || { type: "add-page", target: "new", changes: { id, name, route } };
-      } catch {
-        phase4Done++;
-        spinner.text = `Phase 4/4 \u2014 ${phase4Done}/${remainingPages.length} pages generated...`;
-        return { type: "add-page", target: "new", changes: { id, name, route } };
-      }
-    },
-    AI_CONCURRENCY
+  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 allRequests = [homeRequest, ...remainingRequests];
-  const withCode = allRequests.filter((r) => r.changes?.pageCode).length;
-  spinner.succeed(`Phase 4/4 \u2014 Generated ${allRequests.length} pages (${withCode} with full code)`);
-  return allRequests;
-}
-
-// src/commands/chat/modification-handler.ts
-import { resolve as resolve7 } from "path";
-import { mkdir as mkdir4 } from "fs/promises";
-import { dirname as dirname6 } from "path";
-import chalk11 from "chalk";
-import {
-  getTemplateForPageType,
-  loadManifest as loadManifest5,
-  saveManifest,
-  updateUsedIn,
-  findSharedComponentByIdOrName,
-  generateSharedComponent as generateSharedComponent3
-} from "@getcoherent/core";
+  const hasUseClient = /^['"]use client['"]/.test(fixed.trim());
+  if ((hasHooks || hasEvents) && !hasUseClient) {
+    fixed = `'use client'
 
-// src/utils/quality-validator.ts
-var RAW_COLOR_RE = /(?:bg|text|border)-(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;
+${fixed}`;
+    fixes.push('added "use client" (client features detected)');
   }
-  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;
+  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++;
       }
-      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;
+      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>";
         }
-      }
-    } else {
-      pattern.lastIndex = 0;
-      if (pattern.test(line)) {
-        issues.push({ line: i + 1, type, message, severity });
+        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)");
   }
-  return issues;
-}
-function validatePageQuality(code, validRoutes) {
-  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;
+  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"
   };
-  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
-      )
-    );
+  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"`);
+      }
+    }
   }
-  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 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 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"
+  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)");
+  }
+  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`
     });
   }
-  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"
-    )
-  );
-  const h1Matches = code.match(/<h1[\s>]/g);
-  if (!h1Matches || h1Matches.length === 0) {
+  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({
-      line: 0,
-      type: "NO_H1",
-      message: "Page has no <h1> \u2014 every page should have exactly one h1 heading",
-      severity: "warning"
+      type: "missing-use-client",
+      message: 'Code uses React hooks but missing "use client" directive'
     });
-  } else if (h1Matches.length > 1) {
+  }
+  if (!after.includes("export default")) {
     issues.push({
-      line: 0,
-      type: "MULTIPLE_H1",
-      message: `Page has ${h1Matches.length} <h1> elements \u2014 use exactly one per page`,
-      severity: "warning"
+      type: "missing-default-export",
+      message: "Missing default export \u2014 page component must have a default export"
     });
   }
-  const headingLevels = [...code.matchAll(/<h([1-6])[\s>]/g)].map((m) => parseInt(m[1]));
-  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: "warning"
-      });
-      break;
+  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`
+        });
+      }
     }
   }
-  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"
-    });
+  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";
+var MARKETING_ROUTES = /* @__PURE__ */ new Set(["", "landing", "pricing", "about", "contact", "blog", "features"]);
+function isMarketingRoute(route) {
+  const slug = route.replace(/^\//, "").split("/")[0] || "";
+  return MARKETING_ROUTES.has(slug);
+}
+function routeToFsPath(projectRoot, route, isAuth) {
+  const slug = route.replace(/^\//, "");
+  if (isAuth) {
+    return resolve5(projectRoot, "app", "(auth)", slug || "login", "page.tsx");
+  }
+  if (!slug) {
+    return resolve5(projectRoot, "app", "page.tsx");
+  }
+  if (isMarketingRoute(route)) {
+    return resolve5(projectRoot, "app", slug, "page.tsx");
+  }
+  return resolve5(projectRoot, "app", "(app)", slug, "page.tsx");
+}
+function routeToRelPath(route, isAuth) {
+  const slug = route.replace(/^\//, "");
+  if (isAuth) {
+    return `app/(auth)/${slug || "login"}/page.tsx`;
   }
-  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"
-    });
+  if (!slug) {
+    return "app/page.tsx";
   }
-  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"
-    });
+  if (isMarketingRoute(route)) {
+    return `app/${slug}/page.tsx`;
   }
-  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"
-    });
+  return `app/(app)/${slug}/page.tsx`;
+}
+function deduplicatePages(pages) {
+  const normalize = (route) => route.replace(/\/$/, "").replace(/s$/, "").replace(/ue$/, "");
+  const seen = /* @__PURE__ */ new Map();
+  return pages.filter((page, idx) => {
+    const norm = normalize(page.route);
+    if (seen.has(norm)) return false;
+    seen.set(norm, idx);
+    return true;
+  });
+}
+function extractComponentIdsFromCode(code) {
+  const ids = /* @__PURE__ */ new Set();
+  const allMatches = code.matchAll(/@\/components\/((?:ui\/)?[a-z0-9-]+)/g);
+  for (const m of allMatches) {
+    if (!m[1]) continue;
+    let id = m[1];
+    if (id.startsWith("ui/")) id = id.slice(3);
+    if (id === "shared" || id.startsWith("shared/")) continue;
+    if (id) ids.add(id);
   }
-  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"
-    });
+  return ids;
+}
+async function warnInlineDuplicates(projectRoot, pageName, pageCode, manifest) {
+  const sectionOrWidget = manifest.shared.filter((e) => e.type === "section" || e.type === "widget");
+  if (sectionOrWidget.length === 0) return;
+  for (const e of sectionOrWidget) {
+    const kebab = e.file.replace(/^components\/shared\//, "").replace(/\.tsx$/, "");
+    const hasImport = pageCode.includes(`@/components/shared/${kebab}`);
+    if (hasImport) continue;
+    const sameNameAsTag = new RegExp(`<\\/?${e.name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}[\\s>]`).test(pageCode);
+    if (sameNameAsTag) {
+      console.log(
+        chalk8.yellow(
+          `
+\u26A0 Page "${pageName}" contains inline code similar to ${e.id} (${e.name}). Consider using the shared component instead.`
+        )
+      );
+      continue;
+    }
+    try {
+      const fullPath = resolve5(projectRoot, e.file);
+      const sharedSnippet = (await readFile(fullPath)).slice(0, 600);
+      const sharedTokens = new Set(sharedSnippet.match(/\b[a-zA-Z0-9-]{4,}\b/g) ?? []);
+      const pageTokens = pageCode.match(/\b[a-zA-Z0-9-]+\b/g) ?? [];
+      let overlap = 0;
+      for (const t of sharedTokens) {
+        if (pageTokens.includes(t)) overlap++;
+      }
+      if (overlap >= 12 && sharedTokens.size >= 10) {
+        console.log(
+          chalk8.yellow(
+            `
+\u26A0 Page "${pageName}" contains inline code similar to ${e.id} (${e.name}). Consider using the shared component instead.`
+          )
+        );
+      }
+    } catch {
+    }
   }
-  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"
-    });
+}
+async function loadConfig(configPath) {
+  if (!existsSync13(configPath)) {
+    throw new Error(
+      `Design system config not found at ${configPath}
+Run "coherent init" first to create a project.`
+    );
   }
-  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 manager = new DesignSystemManager3(configPath);
+  await manager.load();
+  return manager.getConfig();
+}
+function requireProject() {
+  const project = findConfig();
+  if (!project) {
+    exitNotCoherent();
   }
-  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"
-    });
+  warnIfVolatile(project.root);
+  return project;
+}
+async function resolveTargetFlags(message, options, config2, projectRoot) {
+  if (options.component) {
+    const manifest = await loadManifest4(projectRoot);
+    const target = options.component;
+    const entry = manifest.shared.find(
+      (s) => s.name.toLowerCase() === target.toLowerCase() || s.id.toLowerCase() === target.toLowerCase()
+    );
+    if (entry) {
+      const filePath = resolve5(projectRoot, entry.file);
+      let currentCode = "";
+      if (existsSync13(filePath)) {
+        currentCode = readFileSync8(filePath, "utf-8");
+      }
+      const codeSnippet = currentCode ? `
+
+Current code of ${entry.name}:
+\`\`\`tsx
+${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(`
+\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"));
   }
-  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"
-    });
+  if (options.page) {
+    const target = options.page;
+    const page = config2.pages.find(
+      (p) => p.name.toLowerCase() === target.toLowerCase() || p.id.toLowerCase() === target.toLowerCase() || p.route === target || p.route === "/" + target
+    );
+    if (page) {
+      const relPath = page.route === "/" ? "app/page.tsx" : `app${page.route}/page.tsx`;
+      const filePath = resolve5(projectRoot, relPath);
+      let currentCode = "";
+      if (existsSync13(filePath)) {
+        currentCode = readFileSync8(filePath, "utf-8");
+      }
+      const codeSnippet = currentCode ? `
+
+Current code of ${page.name} page:
+\`\`\`tsx
+${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(`
+\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"));
   }
-  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 (options.token) {
+    const target = options.token;
+    return `Change design token "${target}": ${message}. Update the token value in design-system.config.ts and ensure globals.css reflects the change.`;
+  }
+  return message;
+}
+
+// src/commands/chat/request-parser.ts
+var AUTH_FLOW_PATTERNS = {
+  "/login": ["/register", "/forgot-password"],
+  "/signin": ["/register", "/forgot-password"],
+  "/signup": ["/login"],
+  "/register": ["/login"],
+  "/forgot-password": ["/login", "/reset-password"],
+  "/reset-password": ["/login"]
+};
+var PAGE_RELATIONSHIP_RULES = [
+  {
+    trigger: /\/(products|catalog|marketplace|listings|shop|store)\b/i,
+    related: [{ id: "product-detail", name: "Product Detail", route: "/products/[id]" }]
+  },
+  {
+    trigger: /\/(blog|news|articles|posts)\b/i,
+    related: [{ id: "article-detail", name: "Article", route: "/blog/[slug]" }]
+  },
+  {
+    trigger: /\/(campaigns|ads|ad-campaigns)\b/i,
+    related: [{ id: "campaign-detail", name: "Campaign Detail", route: "/campaigns/[id]" }]
+  },
+  {
+    trigger: /\/(dashboard|admin)\b/i,
+    related: [{ id: "settings", name: "Settings", route: "/settings" }]
+  },
+  {
+    trigger: /\/pricing\b/i,
+    related: [{ id: "checkout", name: "Checkout", route: "/checkout" }]
+  }
+];
+function extractInternalLinks(code) {
+  const links = /* @__PURE__ */ new Set();
+  const hrefRe = /href\s*=\s*["'](\/[a-z0-9/-]*)["']/gi;
+  let m;
+  while ((m = hrefRe.exec(code)) !== null) {
+    const route = m[1];
+    if (route === "/" || route.startsWith("/design-system") || route.startsWith("/#") || route.startsWith("/api"))
+      continue;
+    links.add(route);
   }
-  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"
-          });
+  return [...links];
+}
+function inferRelatedPages(plannedPages) {
+  const plannedRoutes = new Set(plannedPages.map((p) => p.route));
+  const inferred = [];
+  for (const { route } of plannedPages) {
+    const authRelated = AUTH_FLOW_PATTERNS[route];
+    if (authRelated) {
+      for (const rel of authRelated) {
+        if (!plannedRoutes.has(rel)) {
+          const slug = rel.slice(1);
+          const name = slug.split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+          inferred.push({ id: slug, name, route: rel });
+          plannedRoutes.add(rel);
+        }
+      }
+    }
+    for (const rule of PAGE_RELATIONSHIP_RULES) {
+      if (rule.trigger.test(route)) {
+        for (const rel of rule.related) {
+          if (!plannedRoutes.has(rel.route)) {
+            inferred.push(rel);
+            plannedRoutes.add(rel.route);
+          }
         }
       }
     }
   }
-  return issues;
+  return inferred;
 }
-async function autoFixCode(code) {
-  const fixes = [];
-  let fixed = code;
-  const beforeQuoteFix = fixed;
-  fixed = fixed.replace(/(:\s*'.+)\\'(\s*)$/gm, "$1'$2");
-  if (fixed !== beforeQuoteFix) {
-    fixes.push("fixed escaped closing quotes in strings");
-  }
-  const beforeEntityFix = fixed;
-  fixed = fixed.replace(/&lt;=/g, "<=");
-  fixed = fixed.replace(/&gt;=/g, ">=");
-  fixed = fixed.replace(/&amp;&amp;/g, "&&");
-  fixed = fixed.replace(/([\w)\]])\s*&lt;\s*([\w(])/g, "$1 < $2");
-  fixed = fixed.replace(/([\w)\]])\s*&gt;\s*([\w(])/g, "$1 > $2");
-  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
+function impliesFullWebsite(message) {
+  return /\b(create|build|make|design)\b.{0,80}\b(website|web\s*site|web\s*app|application|app|platform|portal|marketplace|site)\b/i.test(
+    message
   );
-  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++;
+}
+function extractPageNamesFromMessage(message) {
+  const pages = [];
+  const known = {
+    home: "/",
+    landing: "/",
+    dashboard: "/dashboard",
+    about: "/about",
+    "about us": "/about",
+    contact: "/contact",
+    contacts: "/contacts",
+    pricing: "/pricing",
+    settings: "/settings",
+    account: "/account",
+    "personal account": "/account",
+    registration: "/registration",
+    signup: "/signup",
+    "sign up": "/signup",
+    login: "/login",
+    "sign in": "/login",
+    catalogue: "/catalogue",
+    catalog: "/catalog",
+    blog: "/blog",
+    portfolio: "/portfolio",
+    features: "/features",
+    services: "/services",
+    faq: "/faq",
+    team: "/team"
+  };
+  const lower = message.toLowerCase();
+  for (const [key, route] of Object.entries(known)) {
+    if (lower.includes(key)) {
+      const name = key.split(" ").map((w) => w[0].toUpperCase() + w.slice(1)).join(" ");
+      const id = route.slice(1) || "home";
+      if (!pages.some((p) => p.route === route)) {
+        pages.push({ name, id, route });
       }
-      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;
+  return pages;
+}
+function normalizeRequest(request, config2) {
+  const changes = request.changes;
+  const VALID_TYPES = [
+    "update-token",
+    "add-component",
+    "modify-component",
+    "add-layout-block",
+    "modify-layout-block",
+    "add-page",
+    "update-page",
+    "update-navigation",
+    "link-shared",
+    "promote-and-link"
+  ];
+  if (!VALID_TYPES.includes(request.type)) {
+    return { error: `Unknown action "${request.type}". Valid: ${VALID_TYPES.join(", ")}` };
   }
-  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 findPage = (target) => config2.pages.find(
+    (p) => p.id === target || p.route === target || p.name?.toLowerCase() === String(target).toLowerCase()
+  );
+  switch (request.type) {
+    case "update-page": {
+      const page = findPage(request.target);
+      if (!page && changes?.pageCode) {
+        const targetStr = String(request.target);
+        const id = targetStr.replace(/^\//, "") || "home";
+        return {
+          ...request,
+          type: "add-page",
+          target: "new",
+          changes: {
+            id,
+            name: changes.name || id.charAt(0).toUpperCase() + id.slice(1) || "Home",
+            route: targetStr.startsWith("/") ? targetStr : `/${targetStr}`,
+            ...changes
+          }
+        };
+      }
+      if (!page) {
+        const available = config2.pages.map((p) => `${p.name} (${p.route})`).join(", ");
+        return { error: `Page "${request.target}" not found. Available: ${available || "none"}` };
+      }
+      if (page.id !== request.target) {
+        return { ...request, target: page.id };
+      }
+      break;
     }
-    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);
+    case "add-page": {
+      if (!changes) break;
+      let route = changes.route || "";
+      if (route && !route.startsWith("/")) route = `/${route}`;
+      if (route) changes.route = route;
+      const existingByRoute = config2.pages.find((p) => p.route === route);
+      if (existingByRoute && route) {
+        return {
+          ...request,
+          type: "update-page",
+          target: existingByRoute.id
+        };
+      }
+      if (!changes.id && changes.name) {
+        changes.id = String(changes.name).toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
+      }
+      if (!changes.id && route) {
+        changes.id = route.replace(/^\//, "") || "home";
+      }
+      break;
+    }
+    case "modify-component": {
+      const componentId = request.target;
+      const existingComp = config2.components.find((c) => c.id === componentId);
+      if (!existingComp) {
+        return {
+          ...request,
+          type: "add-component",
+          target: "new"
+        };
       }
-    }
-    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;
-    let result = classes;
-    const accentColorRe = /\b(bg|text|border)-(emerald|blue|violet|indigo|purple|teal|cyan|sky|rose|amber)-(\d+)\b/g;
-    result = result.replace(accentColorRe, (m, prefix, _color, shade) => {
-      if (colorMap[m]) {
-        hadColorFix = true;
-        return colorMap[m];
-      }
-      const n = parseInt(shade);
-      if (prefix === "bg") {
-        if (n >= 500 && n <= 700) {
-          hadColorFix = true;
-          return "bg-primary";
-        }
-        if (n >= 100 && n <= 200) {
-          hadColorFix = true;
-          return "bg-primary/10";
+      if (changes) {
+        if (typeof changes.id === "string" && changes.id !== componentId) {
+          const targetExists = config2.components.some((c) => c.id === changes.id);
+          if (!targetExists) {
+            return { ...request, type: "add-component", target: "new" };
+          }
+          return {
+            error: `Cannot change component "${componentId}" to "${changes.id}" \u2014 "${changes.id}" already exists.`
+          };
         }
-        if (n >= 800) {
-          hadColorFix = true;
-          return "bg-muted";
+        if (typeof changes.name === "string") {
+          const newName = changes.name.toLowerCase();
+          const curName = existingComp.name.toLowerCase();
+          const curId = componentId.toLowerCase();
+          const nameOk = newName === curName || newName === curId || newName.includes(curId) || curId.includes(newName);
+          if (!nameOk) {
+            delete changes.name;
+          }
         }
       }
-      if (prefix === "text") {
-        if (n >= 400 && n <= 600) {
-          hadColorFix = true;
-          return "text-primary";
-        }
-        if (n >= 100 && n <= 300) {
-          hadColorFix = true;
-          return "text-foreground";
+      break;
+    }
+    case "add-component": {
+      if (changes) {
+        const shadcn = changes.shadcnComponent;
+        const id = changes.id;
+        if (shadcn && id && id !== shadcn) {
+          changes.id = shadcn;
         }
       }
-      if (prefix === "border") {
-        hadColorFix = true;
-        return "border-primary";
-      }
-      return m;
-    });
-    const neutralColorRe = /\b(bg|text|border)-(zinc|slate|gray|neutral|stone)-(\d+)\b/g;
-    result = result.replace(neutralColorRe, (m, prefix, _color, shade) => {
-      if (colorMap[m]) {
-        hadColorFix = true;
-        return colorMap[m];
-      }
-      const n = parseInt(shade);
-      if (prefix === "bg") {
-        if (n >= 800) {
-          hadColorFix = true;
-          return "bg-background";
+      break;
+    }
+    case "link-shared": {
+      if (changes) {
+        const page = findPage(request.target);
+        if (!page) {
+          const available = config2.pages.map((p) => `${p.name} (${p.route})`).join(", ");
+          return { error: `Page "${request.target}" not found for link-shared. Available: ${available || "none"}` };
         }
-        if (n >= 100 && n <= 300) {
-          hadColorFix = true;
-          return "bg-muted";
+        if (page.id !== request.target) {
+          return { ...request, target: page.id };
         }
       }
-      if (prefix === "text") {
-        if (n >= 100 && n <= 300) {
-          hadColorFix = true;
-          return "text-foreground";
-        }
-        if (n >= 400 && n <= 600) {
-          hadColorFix = true;
-          return "text-muted-foreground";
-        }
+      break;
+    }
+    case "promote-and-link": {
+      const sourcePage = findPage(request.target);
+      if (!sourcePage) {
+        const available = config2.pages.map((p) => `${p.name} (${p.route})`).join(", ");
+        return {
+          error: `Source page "${request.target}" not found for promote-and-link. Available: ${available || "none"}`
+        };
       }
-      if (prefix === "border") {
-        hadColorFix = true;
-        return "border-border";
+      if (sourcePage.id !== request.target) {
+        return { ...request, target: sourcePage.id };
       }
-      return m;
-    });
-    if (result !== classes) return `className="${result}"`;
-    return fullMatch;
-  });
-  if (hadColorFix) fixes.push("raw colors \u2192 semantic tokens");
-  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 {
+      break;
     }
-    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));
+  }
+  return request;
+}
+function applyDefaults(request) {
+  if (request.type === "add-page" && request.changes && typeof request.changes === "object") {
+    const changes = request.changes;
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    const name = changes.name || "New Page";
+    let id = changes.id || name.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
+    if (!/^[a-z]/.test(id)) id = `page-${id}`;
+    const route = changes.route || `/${id}`;
+    const hasPageCode = typeof changes.pageCode === "string" && changes.pageCode.trim() !== "";
+    const base = {
+      id,
+      name,
+      route: route.startsWith("/") ? route : `/${route}`,
+      layout: changes.layout || "centered",
+      title: changes.title || name,
+      description: changes.description || `${name} page`,
+      createdAt: changes.createdAt || now,
+      updatedAt: changes.updatedAt || now,
+      requiresAuth: changes.requiresAuth ?? false,
+      noIndex: changes.noIndex ?? false
+    };
+    const sections = Array.isArray(changes.sections) ? changes.sections.map((section, idx) => ({
+      id: section.id || `section-${idx}`,
+      name: section.name || `Section ${idx + 1}`,
+      componentId: section.componentId || "button",
+      order: typeof section.order === "number" ? section.order : idx,
+      props: section.props || {}
+    })) : [];
+    return {
+      ...request,
+      changes: {
+        ...base,
+        sections,
+        ...hasPageCode ? { pageCode: changes.pageCode, generatedWithPageCode: true } : {},
+        ...changes.pageType ? { pageType: changes.pageType } : {},
+        ...changes.structuredContent ? { structuredContent: changes.structuredContent } : {}
       }
-      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)`);
+    };
+  }
+  if (request.type === "add-component" && request.changes && typeof request.changes === "object") {
+    const changes = request.changes;
+    const now = (/* @__PURE__ */ new Date()).toISOString();
+    const validSizeNames = ["xs", "sm", "md", "lg", "xl"];
+    let normalizedVariants = [];
+    if (Array.isArray(changes.variants)) {
+      normalizedVariants = changes.variants.map((v) => {
+        if (typeof v === "string") return { name: v, className: "" };
+        if (v && typeof v === "object" && "name" in v) {
+          return {
+            name: v.name,
+            className: v.className ?? ""
+          };
+        }
+        return { name: "default", className: "" };
+      });
+    }
+    let normalizedSizes = [];
+    if (Array.isArray(changes.sizes)) {
+      normalizedSizes = changes.sizes.map((s) => {
+        if (typeof s === "string") {
+          const name = validSizeNames.includes(s) ? s : "md";
+          return { name, className: "" };
+        }
+        if (s && typeof s === "object" && "name" in s) {
+          const raw = s.name;
+          const name = validSizeNames.includes(raw) ? raw : "md";
+          return { name, className: s.className ?? "" };
+        }
+        return { name: "md", className: "" };
+      });
+    }
+    return {
+      ...request,
+      changes: {
+        ...changes,
+        variants: normalizedVariants,
+        sizes: normalizedSizes,
+        createdAt: now,
+        updatedAt: now
       }
-      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);
+    };
+  }
+  if (request.type === "modify-component" && request.changes && typeof request.changes === "object") {
+    const changes = request.changes;
+    const validSizeNames = ["xs", "sm", "md", "lg", "xl"];
+    let normalizedVariants;
+    if (Array.isArray(changes.variants)) {
+      normalizedVariants = changes.variants.map((v) => {
+        if (typeof v === "string") return { name: v, className: "" };
+        if (v && typeof v === "object" && "name" in v) {
+          return {
+            name: v.name,
+            className: v.className ?? ""
+          };
         }
-        fixes.push(`invalid lucide icons \u2192 ${fallback}: ${invalid.join(", ")}`);
+        return { name: "default", className: "" };
+      });
+    }
+    let normalizedSizes;
+    if (Array.isArray(changes.sizes)) {
+      normalizedSizes = changes.sizes.map((s) => {
+        if (typeof s === "string") {
+          const name = validSizeNames.includes(s) ? s : "md";
+          return { name, className: "" };
+        }
+        if (s && typeof s === "object" && "name" in s) {
+          const raw = s.name;
+          const name = validSizeNames.includes(raw) ? raw : "md";
+          return { name, className: s.className ?? "" };
+        }
+        return { name: "md", className: "" };
+      });
+    }
+    return {
+      ...request,
+      changes: {
+        ...changes,
+        ...normalizedVariants !== void 0 && { variants: normalizedVariants },
+        ...normalizedSizes !== void 0 && { sizes: normalizedSizes }
       }
-      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"`);
+    };
+  }
+  return request;
+}
+
+// src/utils/page-analyzer.ts
+var FORM_COMPONENTS = /* @__PURE__ */ new Set(["Input", "Textarea", "Label", "Select", "Checkbox", "Switch"]);
+var VISUAL_WORDS = /\b(grid lines?|glow|radial|gradient|blur|shadow|overlay|animation|particles?|dots?|vertical|horizontal|decorat|behind|background|divider|spacer|wrapper|container|inner|outer|absolute|relative|translate|opacity|z-index|transition)\b/i;
+function analyzePageCode(code) {
+  return {
+    sections: extractSections(code),
+    componentUsage: extractComponentUsage(code),
+    iconCount: extractIconCount(code),
+    layoutPattern: inferLayoutPattern(code),
+    hasForm: detectFormUsage(code),
+    analyzedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+}
+function extractSections(code) {
+  const sections = [];
+  const seen = /* @__PURE__ */ new Set();
+  const commentRe = /\{\/\*\s*(.+?)\s*\*\/\}/g;
+  let m;
+  while ((m = commentRe.exec(code)) !== null) {
+    const raw = m[1].trim();
+    const name = raw.replace(/[─━—–]+/g, "").replace(/\s*section\s*$/i, "").replace(/^section\s*:\s*/i, "").trim();
+    if (!name || name.length <= 1 || name.length >= 40) continue;
+    if (seen.has(name.toLowerCase())) continue;
+    const wordCount = name.split(/\s+/).length;
+    if (wordCount > 5) continue;
+    if (/[{}()=<>;:`"']/.test(name)) continue;
+    if (/^[a-z]/.test(name) && wordCount > 2) continue;
+    if (VISUAL_WORDS.test(name)) continue;
+    seen.add(name.toLowerCase());
+    sections.push({ name, order: sections.length });
+  }
+  if (sections.length === 0) {
+    const sectionTagRe = /<section[^>]*>[\s\S]*?<h[12][^>]*>\s*([^<]+)/g;
+    while ((m = sectionTagRe.exec(code)) !== null) {
+      const name = m[1].trim();
+      if (name && name.length > 1 && name.length < 40 && !seen.has(name.toLowerCase())) {
+        seen.add(name.toLowerCase());
+        sections.push({ name, order: sections.length });
       }
     }
   }
-  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 {
+  return sections;
+}
+function extractComponentUsage(code) {
+  const usage = {};
+  const importRe = /import\s*\{([^}]+)\}\s*from\s*['"]@\/components\/ui\/[^'"]+['"]/g;
+  const importedComponents = [];
+  let m;
+  while ((m = importRe.exec(code)) !== null) {
+    const names = m[1].split(",").map((s) => s.trim()).filter(Boolean);
+    importedComponents.push(...names);
+  }
+  for (const comp of importedComponents) {
+    const re = new RegExp(`<${comp}[\\s/>]`, "g");
+    const matches = code.match(re);
+    usage[comp] = matches ? matches.length : 0;
+  }
+  return usage;
+}
+function extractIconCount(code) {
+  const m = code.match(/import\s*\{([^}]+)\}\s*from\s*['"]lucide-react['"]/);
+  if (!m) return 0;
+  return m[1].split(",").map((s) => s.trim()).filter(Boolean).length;
+}
+function inferLayoutPattern(code) {
+  const funcBodyMatch = code.match(/return\s*\(\s*(<[^]*)/s);
+  const topLevel = funcBodyMatch ? funcBodyMatch[1].slice(0, 500) : code.slice(0, 800);
+  if (/grid-cols|grid\s+md:grid-cols|grid\s+lg:grid-cols/.test(topLevel)) return "grid";
+  if (/sidebar|aside/.test(topLevel)) return "sidebar";
+  if (/max-w-\d|mx-auto|container/.test(topLevel)) return "centered";
+  if (/min-h-screen|min-h-svh/.test(topLevel)) return "full-width";
+  return "unknown";
+}
+function detectFormUsage(code) {
+  const importRe = /import\s*\{([^}]+)\}\s*from\s*['"]@\/components\/ui\/[^'"]+['"]/g;
+  let m;
+  while ((m = importRe.exec(code)) !== null) {
+    const names = m[1].split(",").map((s) => s.trim());
+    if (names.some((n) => FORM_COMPONENTS.has(n))) return true;
+  }
+  return false;
+}
+function summarizePageAnalysis(pageName, route, analysis) {
+  const parts = [`${pageName} (${route})`];
+  if (analysis.sections && analysis.sections.length > 0) {
+    parts.push(`sections: ${analysis.sections.map((s) => s.name).join(", ")}`);
+  }
+  if (analysis.componentUsage) {
+    const entries = Object.entries(analysis.componentUsage).filter(([, c]) => c > 0);
+    if (entries.length > 0) {
+      parts.push(`uses: ${entries.map(([n, c]) => `${n}(${c})`).join(", ")}`);
     }
-    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(", ")}`);
-      }
+  }
+  if (analysis.layoutPattern && analysis.layoutPattern !== "unknown") {
+    parts.push(`layout: ${analysis.layoutPattern}`);
+  }
+  if (analysis.hasForm) parts.push("has-form");
+  return `- ${parts.join(". ")}`;
+}
+
+// src/utils/concurrency.ts
+async function pMap(items, fn, concurrency = 3) {
+  const results = new Array(items.length);
+  let nextIndex = 0;
+  async function worker() {
+    while (nextIndex < items.length) {
+      const i = nextIndex++;
+      results[i] = await fn(items[i], i);
     }
   }
-  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++}"`;
+  const workers = Array.from({ length: Math.min(concurrency, items.length) }, () => worker());
+  await Promise.all(workers);
+  return results;
+}
+
+// src/commands/chat/split-generator.ts
+function buildExistingPagesContext(config2) {
+  const pages = config2.pages || [];
+  const analyzed = pages.filter((p) => p.pageAnalysis);
+  if (analyzed.length === 0) return "";
+  const lines = analyzed.map((p) => {
+    return summarizePageAnalysis(p.name || p.id, p.route, p.pageAnalysis);
   });
-  if (fixed !== beforeImgFix) {
-    fixes.push("placeholder images \u2192 working URLs (picsum/pravatar)");
+  let ctx = `EXISTING PAGES CONTEXT:
+${lines.join("\n")}
+
+Use consistent component choices, spacing, and layout patterns across all pages. Match the style and structure of existing pages.`;
+  const sp = config2.stylePatterns;
+  if (sp && typeof sp === "object") {
+    const parts = [];
+    if (sp.card) parts.push(`Cards: ${sp.card}`);
+    if (sp.section) parts.push(`Sections: ${sp.section}`);
+    if (sp.terminal) parts.push(`Terminal blocks: ${sp.terminal}`);
+    if (sp.iconContainer) parts.push(`Icon containers: ${sp.iconContainer}`);
+    if (sp.heroHeadline) parts.push(`Hero headline: ${sp.heroHeadline}`);
+    if (sp.sectionTitle) parts.push(`Section title: ${sp.sectionTitle}`);
+    if (parts.length > 0) {
+      ctx += `
+
+PROJECT STYLE PATTERNS (from sync \u2014 match these exactly):
+${parts.join("\n")}`;
+    }
+  }
+  return ctx;
+}
+function extractStyleContext(pageCode) {
+  const unique = (arr) => [...new Set(arr)];
+  const cardClasses = (pageCode.match(/className="[^"]*(?:rounded|border|shadow|bg-card)[^"]*"/g) || []).map((m) => m.replace(/className="|"/g, "")).filter((c) => c.includes("rounded") || c.includes("border") || c.includes("card"));
+  const sectionSpacing = unique(pageCode.match(/py-\d+(?:\s+md:py-\d+)?/g) || []);
+  const headingStyles = unique(pageCode.match(/text-(?:\d*xl|lg)\s+font-(?:bold|semibold|medium)/g) || []);
+  const colorPatterns = unique(
+    (pageCode.match(
+      /(?:text|bg|border)-(?:primary|secondary|muted|accent|card|destructive|foreground|background)\S*/g
+    ) || []).concat(
+      pageCode.match(
+        /(?:text|bg|border)-(?:emerald|blue|violet|rose|amber|zinc|slate|gray|green|red|orange|indigo|purple|teal|cyan)\S*/g
+      ) || []
+    )
+  );
+  const iconPatterns = unique(pageCode.match(/(?:rounded-\S+\s+)?p-\d+(?:\.\d+)?\s*(?:bg-\S+)?/g) || []).filter(
+    (p) => p.includes("bg-") || p.includes("rounded")
+  );
+  const buttonPatterns = unique(
+    (pageCode.match(/className="[^"]*(?:hover:|active:)[^"]*"/g) || []).map((m) => m.replace(/className="|"/g, "")).filter((c) => c.includes("px-") || c.includes("py-") || c.includes("rounded"))
+  );
+  const bgPatterns = unique(pageCode.match(/bg-(?:muted|card|background|zinc|slate|gray)\S*/g) || []);
+  const gapPatterns = unique(pageCode.match(/gap-\d+/g) || []);
+  const gridPatterns = unique(pageCode.match(/grid-cols-\d+|md:grid-cols-\d+|lg:grid-cols-\d+/g) || []);
+  const containerPatterns = unique(pageCode.match(/container\s+max-w-\S+|max-w-\d+xl\s+mx-auto/g) || []);
+  const lines = [];
+  if (containerPatterns.length > 0) {
+    lines.push(`Container (MUST match for alignment with header/footer): ${containerPatterns[0]} px-4`);
+  }
+  if (cardClasses.length > 0) lines.push(`Cards: ${unique(cardClasses).slice(0, 4).join(" | ")}`);
+  if (sectionSpacing.length > 0) lines.push(`Section spacing: ${sectionSpacing.join(", ")}`);
+  if (headingStyles.length > 0) lines.push(`Headings: ${headingStyles.join(", ")}`);
+  if (colorPatterns.length > 0) lines.push(`Colors: ${colorPatterns.slice(0, 15).join(", ")}`);
+  if (iconPatterns.length > 0) lines.push(`Icon containers: ${iconPatterns.slice(0, 4).join(" | ")}`);
+  if (buttonPatterns.length > 0) lines.push(`Buttons: ${buttonPatterns.slice(0, 3).join(" | ")}`);
+  if (bgPatterns.length > 0) lines.push(`Section backgrounds: ${bgPatterns.slice(0, 6).join(", ")}`);
+  if (gapPatterns.length > 0) lines.push(`Gaps: ${gapPatterns.join(", ")}`);
+  if (gridPatterns.length > 0) lines.push(`Grids: ${gridPatterns.join(", ")}`);
+  if (lines.length === 0) return "";
+  return `STYLE CONTEXT (match these patterns exactly for visual consistency with the Home page):
+${lines.map((l) => `  - ${l}`).join("\n")}`;
+}
+var VALID_NAV_TYPES = /* @__PURE__ */ new Set(["header", "sidebar", "both"]);
+function parseNavTypeFromPlan(planResult) {
+  const nav = planResult.navigation;
+  if (nav && typeof nav.type === "string" && VALID_NAV_TYPES.has(nav.type)) {
+    return nav.type;
   }
-  return { code: fixed, fixes };
+  return "header";
 }
-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}`);
+async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts) {
+  let pageNames = [];
+  spinner.start("Phase 1/4 \u2014 Planning pages...");
+  try {
+    const planResult = await parseModification(message, modCtx, provider, { ...parseOpts, planOnly: true });
+    const pageReqs = planResult.requests.filter((r) => r.type === "add-page");
+    pageNames = pageReqs.map((r) => {
+      const c = r.changes;
+      const name = c.name || c.id || "page";
+      const id = c.id || name.toLowerCase().replace(/\s+/g, "-");
+      const route = c.route || `/${id}`;
+      return { name, id, route };
+    });
+    const detectedNavType = parseNavTypeFromPlan(planResult);
+    if (detectedNavType !== "header" && modCtx.config.navigation) {
+      modCtx.config.navigation.type = detectedNavType;
     }
+  } catch {
+    spinner.text = "AI plan failed \u2014 extracting pages from your request...";
   }
-  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 (pageNames.length === 0) {
+    pageNames = extractPageNamesFromMessage(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}`);
-    }
+  if (pageNames.length === 0) {
+    spinner.fail("Could not determine pages to create");
+    return [];
   }
-  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`
-    });
+  pageNames = deduplicatePages(pageNames);
+  const hasHomePage = pageNames.some((p) => p.route === "/");
+  if (!hasHomePage) {
+    const userPages = (modCtx.config.pages || []).filter(
+      (p) => p.id !== "home" && p.id !== "new" && p.route !== "/"
+    );
+    const isFreshProject = userPages.length === 0;
+    if (isFreshProject || impliesFullWebsite(message)) {
+      pageNames.unshift({ name: "Home", id: "home", route: "/" });
+    }
   }
-  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`
-    });
+  const existingRoutes = new Set((modCtx.config.pages || []).map((p) => p.route).filter(Boolean));
+  const inferred = inferRelatedPages(pageNames).filter((p) => !existingRoutes.has(p.route));
+  if (inferred.length > 0) {
+    pageNames.push(...inferred);
+    pageNames = deduplicatePages(pageNames);
   }
-  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'
-    });
+  const allRoutes = pageNames.map((p) => p.route).join(", ");
+  const allPagesList = pageNames.map((p) => `${p.name} (${p.route})`).join(", ");
+  const inferredNote = inferred.length > 0 ? ` (${inferred.length} auto-inferred)` : "";
+  spinner.succeed(`Phase 1/4 \u2014 Found ${pageNames.length} pages${inferredNote}: ${allPagesList}`);
+  const homeIdx = pageNames.findIndex((p) => p.route === "/");
+  const homePage = homeIdx !== -1 ? pageNames[homeIdx] : pageNames[0];
+  const remainingPages = pageNames.filter((_, i) => i !== (homeIdx !== -1 ? homeIdx : 0));
+  spinner.start(`Phase 2/4 \u2014 Generating ${homePage.name} page (sets design direction)...`);
+  let homeRequest = null;
+  let homePageCode = "";
+  try {
+    const homeResult = await parseModification(
+      `Create ONE page called "${homePage.name}" at route "${homePage.route}". Context: ${message}. This REPLACES the default placeholder page \u2014 generate a complete, content-rich landing page for the project described above. Generate complete pageCode. Include a branded site-wide <header> with navigation links to ALL these pages: ${allPagesList}. Use these EXACT routes in navigation: ${allRoutes}. Include a <footer> at the bottom. Make it visually polished \u2014 this page sets the design direction for the entire site. Do not generate other pages.`,
+      modCtx,
+      provider,
+      parseOpts
+    );
+    const codePage = homeResult.requests.find((r) => r.type === "add-page");
+    if (codePage) {
+      homeRequest = codePage;
+      homePageCode = codePage.changes?.pageCode || "";
+    }
+  } catch {
   }
-  if (!after.includes("export default")) {
-    issues.push({
-      type: "missing-default-export",
-      message: "Missing default export \u2014 page component must have a default export"
-    });
+  if (!homeRequest) {
+    homeRequest = {
+      type: "add-page",
+      target: "new",
+      changes: { id: homePage.id, name: homePage.name, route: homePage.route }
+    };
   }
-  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()));
+  spinner.succeed(`Phase 2/4 \u2014 ${homePage.name} page generated`);
+  spinner.start("Phase 3/4 \u2014 Extracting design patterns...");
+  const styleContext = homePageCode ? extractStyleContext(homePageCode) : "";
+  if (styleContext) {
+    const lineCount = styleContext.split("\n").length - 1;
+    spinner.succeed(`Phase 3/4 \u2014 Extracted ${lineCount} style patterns from ${homePage.name}`);
+  } else {
+    spinner.succeed("Phase 3/4 \u2014 No style patterns extracted (Home page had no code)");
   }
-  for (const match of after.matchAll(importRegex)) {
-    match[1].split(",").forEach((s) => afterImports.add(s.trim()));
+  if (remainingPages.length === 0) {
+    return [homeRequest];
   }
-  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`
-        });
+  spinner.start(`Phase 4/4 \u2014 Generating ${remainingPages.length} pages in parallel...`);
+  const sharedNote = "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 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 existingPagesContext = buildExistingPagesContext(modCtx.config);
+  const AI_CONCURRENCY = 3;
+  let phase4Done = 0;
+  const remainingRequests = await pMap(
+    remainingPages,
+    async ({ name, id, route }) => {
+      const prompt = [
+        `Create ONE page called "${name}" at route "${route}".`,
+        `Context: ${message}.`,
+        `Generate complete pageCode for this single page only. Do not generate other pages.`,
+        sharedNote,
+        routeNote,
+        alignmentNote,
+        existingPagesContext,
+        styleContext
+      ].filter(Boolean).join("\n\n");
+      try {
+        const result = await parseModification(prompt, modCtx, provider, parseOpts);
+        phase4Done++;
+        spinner.text = `Phase 4/4 \u2014 ${phase4Done}/${remainingPages.length} pages generated...`;
+        const codePage = result.requests.find((r) => r.type === "add-page");
+        return codePage || { type: "add-page", target: "new", changes: { id, name, route } };
+      } catch {
+        phase4Done++;
+        spinner.text = `Phase 4/4 \u2014 ${phase4Done}/${remainingPages.length} pages generated...`;
+        return { type: "add-page", target: "new", changes: { id, name, route } };
+      }
+    },
+    AI_CONCURRENCY
+  );
+  const allRequests = [homeRequest, ...remainingRequests];
+  const emptyPages = allRequests.filter((r) => r.type === "add-page" && !r.changes?.pageCode);
+  if (emptyPages.length > 0 && emptyPages.length <= 5) {
+    spinner.text = `Retrying ${emptyPages.length} page(s) without code...`;
+    for (const req of emptyPages) {
+      const page = req.changes;
+      const pageName = page.name || page.id || "page";
+      const pageRoute = page.route || `/${pageName.toLowerCase()}`;
+      try {
+        const retryResult = await parseModification(
+          `Create ONE page called "${pageName}" at route "${pageRoute}". Context: ${message}. Generate complete pageCode for this single page only.`,
+          modCtx,
+          provider,
+          parseOpts
+        );
+        const codePage = retryResult.requests.find((r) => r.type === "add-page");
+        if (codePage && codePage.changes?.pageCode) {
+          const idx = allRequests.indexOf(req);
+          if (idx !== -1) allRequests[idx] = codePage;
+        }
+      } catch {
       }
     }
   }
-  return issues;
+  const withCode = allRequests.filter((r) => r.changes?.pageCode).length;
+  spinner.succeed(`Phase 4/4 \u2014 Generated ${allRequests.length} pages (${withCode} with full code)`);
+  return allRequests;
 }
 
+// src/commands/chat/modification-handler.ts
+import { resolve as resolve7 } from "path";
+import { mkdir as mkdir4 } from "fs/promises";
+import { dirname as dirname6 } from "path";
+import chalk11 from "chalk";
+import {
+  getTemplateForPageType,
+  loadManifest as loadManifest5,
+  saveManifest,
+  updateUsedIn,
+  findSharedComponentByIdOrName,
+  generateSharedComponent as generateSharedComponent3
+} from "@getcoherent/core";
+
 // src/commands/chat/code-generator.ts
 import { resolve as resolve6 } from "path";
 import { existsSync as existsSync14 } from "fs";
@@ -7726,10 +7883,13 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
           let codeToWrite = fixedCode;
           const { code: autoFixed, fixes: autoFixes } = await autoFixCode(codeToWrite);
           codeToWrite = autoFixed;
-          const { code: spaFixed, fixed: spaWasFixed } = detectAndFixSpaHomePage(codeToWrite, route);
-          if (spaWasFixed) {
-            codeToWrite = spaFixed;
-            autoFixes.push("replaced SPA-style home page with redirect to /dashboard");
+          const hasDashboardPage = dsm.getConfig().pages.some((p) => p.route === "/dashboard");
+          if (!hasDashboardPage) {
+            const { code: spaFixed, fixed: spaWasFixed } = detectAndFixSpaHomePage(codeToWrite, route);
+            if (spaWasFixed) {
+              codeToWrite = spaFixed;
+              autoFixes.push("replaced SPA-style home page with redirect to /dashboard");
+            }
           }
           const { code: layoutStripped, stripped } = stripInlineLayoutElements(codeToWrite);
           codeToWrite = layoutStripped;
@@ -7769,10 +7929,9 @@ async function applyModification(request, dsm, cm, pm, projectRoot, aiProvider,
             layoutShared: manifestForAudit.shared.filter((c) => c.type === "layout"),
             allShared: manifestForAudit.shared
           });
-          const validRoutes = dsm.getConfig().pages.map((p) => p.route);
-          const issues = validatePageQuality(codeToWrite, validRoutes);
+          let issues = validatePageQuality(codeToWrite);
           const errors = issues.filter((i) => i.severity === "error");
-          if (errors.length >= 5 && aiProvider) {
+          if (errors.length >= 2 && aiProvider) {
             console.log(
               chalk11.yellow(`
 \u{1F504} ${errors.length} quality errors \u2014 attempting AI fix for ${page.name || page.id}...`)
@@ -7791,12 +7950,19 @@ Rules:
 - Keep all existing functionality and layout intact`;
                 const fixedCode2 = await ai.editPageCode(codeToWrite, instruction, page.name || page.id || "Page");
                 if (fixedCode2 && fixedCode2.length > 100 && /export\s+default/.test(fixedCode2)) {
-                  const recheck = validatePageQuality(fixedCode2, validRoutes);
+                  const recheck = validatePageQuality(fixedCode2);
                   const recheckErrors = recheck.filter((i) => i.severity === "error");
                   if (recheckErrors.length < errors.length) {
                     codeToWrite = fixedCode2;
+                    const { code: reFixed, fixes: reFixes } = await autoFixCode(codeToWrite);
+                    if (reFixes.length > 0) {
+                      codeToWrite = reFixed;
+                      postFixes.push(...reFixes);
+                    }
                     await writeFile(filePath, codeToWrite);
-                    console.log(chalk11.green(`   \u2714 Quality fix: ${errors.length} \u2192 ${recheckErrors.length} errors`));
+                    issues = validatePageQuality(codeToWrite);
+                    const finalErrors = issues.filter((i) => i.severity === "error").length;
+                    console.log(chalk11.green(`   \u2714 Quality fix: ${errors.length} \u2192 ${finalErrors} errors`));
                   }
                 }
               }
@@ -7917,10 +8083,13 @@ ${pagesCtx}`
             let codeToWrite = fixedCode;
             const { code: autoFixed, fixes: autoFixes } = await autoFixCode(codeToWrite);
             codeToWrite = autoFixed;
-            const { code: spaFixed, fixed: spaWasFixed } = detectAndFixSpaHomePage(codeToWrite, route);
-            if (spaWasFixed) {
-              codeToWrite = spaFixed;
-              autoFixes.push("replaced SPA-style home page with redirect to /dashboard");
+            const hasDashboardPage = dsm.getConfig().pages.some((p) => p.route === "/dashboard");
+            if (!hasDashboardPage) {
+              const { code: spaFixed, fixed: spaWasFixed } = detectAndFixSpaHomePage(codeToWrite, route);
+              if (spaWasFixed) {
+                codeToWrite = spaFixed;
+                autoFixes.push("replaced SPA-style home page with redirect to /dashboard");
+              }
             }
             const { code: layoutStripped, stripped } = stripInlineLayoutElements(codeToWrite);
             codeToWrite = layoutStripped;
@@ -8479,18 +8648,18 @@ async function chatCommand(message, options) {
     );
     const preflightInstalledIds = [];
     const allNpmImportsFromPages = /* @__PURE__ */ new Set();
+    const allNeededComponentIds = /* @__PURE__ */ new Set();
     for (const pageRequest of pageRequests) {
       const page = pageRequest.changes;
-      const neededComponentIds = /* @__PURE__ */ new Set();
       page.sections?.forEach(
         (section) => {
           if (section.componentId) {
-            neededComponentIds.add(section.componentId);
+            allNeededComponentIds.add(section.componentId);
           }
           if (section.props?.fields && Array.isArray(section.props.fields)) {
             section.props.fields.forEach((field) => {
               if (field.component) {
-                neededComponentIds.add(field.component);
+                allNeededComponentIds.add(field.component);
               }
             });
           }
@@ -8499,7 +8668,7 @@ async function chatCommand(message, options) {
       if (typeof page.pageCode === "string" && page.pageCode.trim() !== "") {
         const importMatches = page.pageCode.matchAll(/@\/components\/ui\/([a-z0-9-]+)/g);
         for (const m of importMatches) {
-          if (m[1]) neededComponentIds.add(m[1]);
+          if (m[1]) allNeededComponentIds.add(m[1]);
         }
         extractNpmPackagesFromCode(page.pageCode).forEach((p) => allNpmImportsFromPages.add(p));
       }
@@ -8514,7 +8683,7 @@ async function chatCommand(message, options) {
             });
             const tmplImports = preview.matchAll(/@\/components\/ui\/([a-z0-9-]+)/g);
             for (const m of tmplImports) {
-              if (m[1]) neededComponentIds.add(m[1]);
+              if (m[1]) allNeededComponentIds.add(m[1]);
             }
             extractNpmPackagesFromCode(preview).forEach((p) => allNpmImportsFromPages.add(p));
           } catch {
@@ -8522,8 +8691,8 @@ async function chatCommand(message, options) {
         }
       }
       if (DEBUG4) {
-        console.log(chalk13.gray("\n[DEBUG] Pre-flight analysis:"));
-        console.log(chalk13.gray(`  Needed components: ${Array.from(neededComponentIds).join(", ")}`));
+        console.log(chalk13.gray(`
+[DEBUG] Pre-flight analysis for page "${page.name || page.route}": `));
         console.log(chalk13.gray(`  Page sections: ${page.sections?.length || 0}`));
         if (page.sections?.[0]?.props?.fields) {
           console.log(chalk13.gray(`  First section has ${page.sections[0].props.fields.length} fields`));
@@ -8531,64 +8700,67 @@ async function chatCommand(message, options) {
             console.log(chalk13.gray(`    Field ${i}: component=${f.component}`));
           });
         }
-        console.log("");
       }
-      const INVALID_COMPONENT_IDS = /* @__PURE__ */ new Set(["ui", "shared", "lib", "utils", "hooks", "app", "components"]);
-      for (const id of INVALID_COMPONENT_IDS) neededComponentIds.delete(id);
-      const missingComponents = [];
-      for (const componentId of neededComponentIds) {
-        const exists = cm.read(componentId);
-        if (DEBUG4) console.log(chalk13.gray(`    Checking ${componentId}: ${exists ? "EXISTS" : "MISSING"}`));
-        if (!exists) {
-          missingComponents.push(componentId);
-        }
+    }
+    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(chalk13.gray("\n[DEBUG] Pre-flight analysis (consolidated):"));
+      console.log(chalk13.gray(`  All needed components: ${Array.from(allNeededComponentIds).join(", ")}`));
+      console.log("");
+    }
+    const missingComponents = [];
+    for (const componentId of allNeededComponentIds) {
+      const exists = cm.read(componentId);
+      if (DEBUG4) console.log(chalk13.gray(`    Checking ${componentId}: ${exists ? "EXISTS" : "MISSING"}`));
+      if (!exists) {
+        missingComponents.push(componentId);
       }
-      if (missingComponents.length > 0) {
-        spinner.stop();
-        console.log(chalk13.cyan("\n\u{1F50D} Pre-flight check: Installing missing components...\n"));
-        for (const componentId of missingComponents) {
-          if (DEBUG4) {
-            console.log(chalk13.gray(`    [DEBUG] Trying to install: ${componentId}`));
-            console.log(chalk13.gray(`    [DEBUG] isShadcnComponent(${componentId}): ${isShadcnComponent(componentId)}`));
-          }
-          if (isShadcnComponent(componentId)) {
-            try {
-              const shadcnDef = await installShadcnComponent(componentId, projectRoot);
-              if (DEBUG4)
-                console.log(chalk13.gray(`    [DEBUG] shadcnDef for ${componentId}: ${shadcnDef ? "OK" : "NULL"}`));
-              if (shadcnDef) {
-                if (DEBUG4) console.log(chalk13.gray(`    [DEBUG] Registering ${shadcnDef.id} (${shadcnDef.name})`));
-                const result = await cm.register(shadcnDef);
-                if (DEBUG4) {
-                  console.log(
-                    chalk13.gray(
-                      `    [DEBUG] Register result: ${result.success ? "SUCCESS" : "FAILED"}${!result.success && result.message ? ` - ${result.message}` : ""}`
-                    )
-                  );
-                }
-                if (result.success) {
-                  preflightInstalledIds.push(shadcnDef.id);
-                  console.log(chalk13.green(`   \u2728 Auto-installed ${shadcnDef.name} component`));
-                  const updatedConfig2 = result.config;
-                  dsm.updateConfig(updatedConfig2);
-                  cm.updateConfig(updatedConfig2);
-                  pm.updateConfig(updatedConfig2);
-                }
+    }
+    if (missingComponents.length > 0) {
+      spinner.stop();
+      console.log(chalk13.cyan("\n\u{1F50D} Pre-flight check: Installing missing components...\n"));
+      for (const componentId of missingComponents) {
+        if (DEBUG4) {
+          console.log(chalk13.gray(`    [DEBUG] Trying to install: ${componentId}`));
+          console.log(chalk13.gray(`    [DEBUG] isShadcnComponent(${componentId}): ${isShadcnComponent(componentId)}`));
+        }
+        if (isShadcnComponent(componentId)) {
+          try {
+            const shadcnDef = await installShadcnComponent(componentId, projectRoot);
+            if (DEBUG4) console.log(chalk13.gray(`    [DEBUG] shadcnDef for ${componentId}: ${shadcnDef ? "OK" : "NULL"}`));
+            if (shadcnDef) {
+              if (DEBUG4) console.log(chalk13.gray(`    [DEBUG] Registering ${shadcnDef.id} (${shadcnDef.name})`));
+              const result = await cm.register(shadcnDef);
+              if (DEBUG4) {
+                console.log(
+                  chalk13.gray(
+                    `    [DEBUG] Register result: ${result.success ? "SUCCESS" : "FAILED"}${!result.success && result.message ? ` - ${result.message}` : ""}`
+                  )
+                );
               }
-            } catch (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(chalk13.gray(`      ${error.stack.split("\n")[1]}`));
+              if (result.success) {
+                preflightInstalledIds.push(shadcnDef.id);
+                console.log(chalk13.green(`   \u2728 Auto-installed ${shadcnDef.name} component`));
+                const updatedConfig2 = result.config;
+                dsm.updateConfig(updatedConfig2);
+                cm.updateConfig(updatedConfig2);
+                pm.updateConfig(updatedConfig2);
               }
             }
-          } else {
-            console.log(chalk13.yellow(`   \u26A0\uFE0F  Component ${componentId} not available`));
+          } catch (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(chalk13.gray(`      ${error.stack.split("\n")[1]}`));
+            }
           }
+        } else {
+          console.log(chalk13.yellow(`   \u26A0\uFE0F  Component ${componentId} not available`));
         }
-        console.log("");
-        spinner.start("Applying modifications...");
       }
+      console.log("");
+      spinner.start("Applying modifications...");
     }
     const installedPkgs = getInstalledPackages(projectRoot);
     const neededPkgs = /* @__PURE__ */ new Set([...COHERENT_REQUIRED_PACKAGES, ...allNpmImportsFromPages]);
@@ -8750,6 +8922,34 @@ async function chatCommand(message, options) {
         spinner.start("Finalizing...");
       }
     }
+    const finalConfig = dsm.getConfig();
+    const allRoutes = finalConfig.pages.map((p) => p.route).filter(Boolean);
+    if (allRoutes.length > 1) {
+      const linkIssues = [];
+      for (const result of results) {
+        if (!result.success) continue;
+        for (const mod of result.modified) {
+          if (mod.startsWith("app/") && mod.endsWith("/page.tsx")) {
+            try {
+              const code = readFileSync10(resolve9(projectRoot, mod), "utf-8");
+              const issues = validatePageQuality(code, allRoutes).filter(
+                (i) => i.type === "BROKEN_INTERNAL_LINK"
+              );
+              for (const issue of issues) {
+                linkIssues.push({ page: mod, message: issue.message });
+              }
+            } catch {
+            }
+          }
+        }
+      }
+      if (linkIssues.length > 0) {
+        console.log(chalk13.yellow("\n\u{1F517} Broken internal links:"));
+        for (const { page, message: message2 } of linkIssues) {
+          console.log(chalk13.dim(`   ${page}: ${message2}`));
+        }
+      }
+    }
     const updatedConfig = dsm.getConfig();
     const darkMatch = /\bdark\s*(theme|mode|background)\b/i.test(message);
     const lightMatch = /\blight\s*(theme|mode|background)\b/i.test(message);