@getcoherent/cli 0.6.17 → 0.6.19

package/dist/{chunk-GIP36DZD.js → chunk-CF4377B7.js}

@@ -623,36 +623,18 @@ function replaceRawColors(classes, colorMap) {
     const n = parseInt(shade);
     const isDestructive = color === "red";
     if (prefix === "bg") {
-      if (n >= 500 && n <= 700) {
-        changed = true;
-        return statePrefix + (isDestructive ? "bg-destructive" : "bg-primary");
-      }
-      if (n >= 100 && n <= 200) {
-        changed = true;
-        return statePrefix + (isDestructive ? "bg-destructive/10" : "bg-primary/10");
-      }
-      if (n >= 300 && n <= 400) {
-        changed = true;
-        return statePrefix + (isDestructive ? "bg-destructive/20" : "bg-primary/20");
-      }
-      if (n >= 800) {
-        changed = true;
-        return statePrefix + "bg-muted";
-      }
+      changed = true;
+      if (n <= 100) return statePrefix + (isDestructive ? "bg-destructive/10" : "bg-primary/10");
+      if (n <= 200) return statePrefix + (isDestructive ? "bg-destructive/10" : "bg-primary/10");
+      if (n <= 400) return statePrefix + (isDestructive ? "bg-destructive/20" : "bg-primary/20");
+      if (n <= 700) return statePrefix + (isDestructive ? "bg-destructive" : "bg-primary");
+      return statePrefix + "bg-muted";
     }
     if (prefix === "text") {
-      if (n >= 400 && n <= 600) {
-        changed = true;
-        return statePrefix + (isDestructive ? "text-destructive" : "text-primary");
-      }
-      if (n >= 100 && n <= 300) {
-        changed = true;
-        return statePrefix + "text-foreground";
-      }
-      if (n >= 700) {
-        changed = true;
-        return statePrefix + "text-foreground";
-      }
+      changed = true;
+      if (n <= 300) return statePrefix + "text-foreground";
+      if (n <= 600) return statePrefix + (isDestructive ? "text-destructive" : "text-primary");
+      return statePrefix + "text-foreground";
     }
     if (prefix === "border" || prefix === "ring" || prefix === "outline") {
       changed = true;
@@ -675,24 +657,16 @@ function replaceRawColors(classes, colorMap) {
     }
     const n = parseInt(shade);
     if (prefix === "bg") {
-      if (n >= 800) {
-        changed = true;
-        return statePrefix + "bg-background";
-      }
-      if (n >= 100 && n <= 300) {
-        changed = true;
-        return statePrefix + "bg-muted";
-      }
+      changed = true;
+      if (n <= 300) return statePrefix + "bg-muted";
+      if (n <= 700) return statePrefix + "bg-muted";
+      return statePrefix + "bg-background";
     }
     if (prefix === "text") {
-      if (n >= 100 && n <= 300) {
-        changed = true;
-        return statePrefix + "text-foreground";
-      }
-      if (n >= 400 && n <= 600) {
-        changed = true;
-        return statePrefix + "text-muted-foreground";
-      }
+      changed = true;
+      if (n <= 300) return statePrefix + "text-foreground";
+      if (n <= 600) return statePrefix + "text-muted-foreground";
+      return statePrefix + "text-foreground";
     }
     if (prefix === "border" || prefix === "ring" || prefix === "outline") {
       changed = true;
@@ -969,15 +943,47 @@ ${selectImport}`
         newImport = newImport.replace(new RegExp(`\\b${dup}\\b,?\\s*`), "");
         fixes.push(`removed ${dup} from lucide import (conflicts with UI component import)`);
       }
+      const ICON_ALIASES = {
+        Github: "ExternalLink",
+        GitHub: "ExternalLink",
+        Twitter: "MessageCircle",
+        Linkedin: "Link2",
+        LinkedIn: "Link2",
+        Slack: "MessageSquare",
+        Discord: "MessageCircle",
+        Facebook: "Globe",
+        Instagram: "Camera",
+        YouTube: "Play",
+        Youtube: "Play",
+        TikTok: "Music",
+        Reddit: "MessageSquare",
+        Twitch: "Tv",
+        Figma: "Pen",
+        Dribbble: "Palette",
+        Medium: "FileText",
+        WhatsApp: "Phone",
+        Telegram: "Send",
+        Pinterest: "Pin",
+        Spotify: "Music"
+      };
       const invalid = iconNames.filter((name) => !lucideExports.has(name) && !nonLucideImports.has(name));
       if (invalid.length > 0) {
-        const fallback = "Circle";
+        const replacements = [];
         for (const bad of invalid) {
-          const re = new RegExp(`\\b${bad}\\b`, "g");
-          newImport = newImport.replace(re, fallback);
-          fixed = fixed.replace(re, fallback);
+          const replacement = ICON_ALIASES[bad] || "Circle";
+          if (lucideExports.has(replacement)) {
+            const re = new RegExp(`\\b${bad}\\b`, "g");
+            newImport = newImport.replace(re, replacement);
+            fixed = fixed.replace(re, replacement);
+            replacements.push(`${bad}\u2192${replacement}`);
+          } else {
+            const re = new RegExp(`\\b${bad}\\b`, "g");
+            newImport = newImport.replace(re, "Circle");
+            fixed = fixed.replace(re, "Circle");
+            replacements.push(`${bad}\u2192Circle`);
+          }
         }
-        fixes.push(`invalid lucide icons \u2192 ${fallback}: ${invalid.join(", ")}`);
+        fixes.push(`invalid lucide icons: ${replacements.join(", ")}`);
       }
       if (duplicates.length > 0 || invalid.length > 0) {
         const importedNames = [
@@ -1151,6 +1157,27 @@ ${selectImport}`
   if (fixed !== beforeImgFix) {
     fixes.push("placeholder images \u2192 working URLs (picsum/pravatar)");
   }
+  const beforePlaceholder = fixed;
+  fixed = fixed.replace(
+    />(\s*)Lorem ipsum[^<]*/gi,
+    ">$1Streamline your workflow with intelligent automation and real-time collaboration tools"
+  );
+  fixed = fixed.replace(/>(\s*)Card content(\s*)</gi, ">$1View details$2<");
+  fixed = fixed.replace(/>(\s*)Your (?:text|content) here(\s*)</gi, ">$1Get started today$2<");
+  fixed = fixed.replace(/>(\s*)Description(\s*)</g, ">$1Overview$2<");
+  fixed = fixed.replace(/>\s*Title\s*</g, ">Page Title<");
+  fixed = fixed.replace(/placeholder\s*text/gi, "contextual content");
+  fixed = fixed.replace(/"John Doe"/g, '"Alex Thompson"');
+  fixed = fixed.replace(/'John Doe'/g, "'Alex Thompson'");
+  fixed = fixed.replace(/"Jane Doe"/g, '"Sarah Chen"');
+  fixed = fixed.replace(/'Jane Doe'/g, "'Sarah Chen'");
+  fixed = fixed.replace(/"user@example\.com"/g, '"alex@company.com"');
+  fixed = fixed.replace(/'user@example\.com'/g, "'alex@company.com'");
+  fixed = fixed.replace(/"test@example\.com"/g, '"team@company.com"');
+  fixed = fixed.replace(/'test@example\.com'/g, "'team@company.com'");
+  if (fixed !== beforePlaceholder) {
+    fixes.push("placeholder content \u2192 contextual content");
+  }
   return { code: fixed, fixes };
 }
 function formatIssues(issues) {

package/dist/index.js

@@ -7,7 +7,7 @@ import {
   formatIssues,
   validatePageQuality,
   verifyIncrementalEdit
-} from "./chunk-GIP36DZD.js";
+} from "./chunk-CF4377B7.js";
 import {
   generateArchitecturePlan,
   getPageGroup,
@@ -6012,8 +6012,29 @@ function buildTieredComponentsPrompt(manifest, pageType) {
   );
   return sections.join("\n");
 }
-function formatPlanSummary(plan) {
+function formatPlanSummary(plan, forRoute) {
   if (plan.groups.length === 0) return "";
+  if (forRoute) {
+    const group = plan.groups.find((g) => g.pages.includes(forRoute));
+    if (!group) return "";
+    const groupLine = `  Group "${group.id}" (layout: ${group.layout}): ${group.pages.join(", ")}`;
+    const relevantComps = plan.sharedComponents.filter((c) => c.usedBy.includes(forRoute));
+    const parts2 = [`ARCHITECTURE PLAN:
+Your group:
+${groupLine}`];
+    if (relevantComps.length > 0) {
+      parts2.push(
+        `Shared Components for this page:
+${relevantComps.map((c) => `  ${c.name} (${c.type}) \u2014 ${c.description}`).join("\n")}`
+      );
+    }
+    const routeKey = forRoute.replace(/^\//, "");
+    const note = plan.pageNotes?.[routeKey];
+    if (note?.sections && note.sections.length > 0) {
+      parts2.push(`Page Sections: ${note.sections.join(", ")}`);
+    }
+    return parts2.join("\n");
+  }
   const groupLines = plan.groups.map((g) => `  Group "${g.id}" (layout: ${g.layout}): ${g.pages.join(", ")}`);
   const compLines = plan.sharedComponents.map(
     (c) => `  ${c.name} (${c.type}) \u2014 ${c.description}; usedBy: ${c.usedBy.join(", ")}`
@@ -6045,7 +6066,7 @@ function readExistingAppPageForReference(projectRoot, plan) {
         if (existsSync14(filePath)) {
           const code = readFileSync9(filePath, "utf-8");
           const lines = code.split("\n");
-          return lines.slice(0, 200).join("\n");
+          return lines.slice(0, 60).join("\n");
         }
       }
     }
@@ -6064,7 +6085,7 @@ function readExistingAppPageForReference(projectRoot, plan) {
         if (existsSync14(pagePath)) {
           const code = readFileSync9(pagePath, "utf-8");
           const lines = code.split("\n");
-          return lines.slice(0, 200).join("\n");
+          return lines.slice(0, 60).join("\n");
         }
       }
     }
@@ -6321,7 +6342,6 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
   const currentManifest = projectRoot ? await loadManifest5(projectRoot) : null;
   const routeNote = `EXISTING ROUTES in this project: ${allRoutes}. All internal links MUST point to one of these routes. If a target doesn't exist, use href="#".`;
   const alignmentNote = 'CRITICAL LAYOUT RULE: Every <section> must wrap its content in a container div matching the header width. Use the EXACT same container classes as shown in the style context (e.g. className="container max-w-6xl px-4" or className="max-w-6xl mx-auto px-4"). Inner content can use narrower max-w for text centering, but the outer section container MUST match.';
-  const planSummaryNote = plan ? formatPlanSummary(plan) : "";
   const existingAppPageCode = readExistingAppPageForReference(parseOpts?.projectRoot ?? null, plan);
   const existingAppPageNote = existingAppPageCode ? `
 EXISTING APP PAGE (match these UI patterns for consistency):
@@ -6398,7 +6418,7 @@ ${existingAppPageCode}
         routeNote,
         alignmentNote,
         authNote,
-        planSummaryNote,
+        plan ? formatPlanSummary(plan, route) : "",
         pageType !== "auth" ? existingAppPageNote : void 0,
         existingPagesContext,
         styleContext
@@ -6407,7 +6427,7 @@ ${existingAppPageCode}
         const result = await parseModification(prompt, modCtx, provider, parseOpts);
         phase5Done++;
         spinner.text = `Phase 5/6 \u2014 ${phase5Done}/${remainingPages.length} pages generated...`;
-        let codePage = result.requests.find((r) => r.type === "add-page");
+        const codePage = result.requests.find((r) => r.type === "add-page");
         if (currentReusePlan && currentReusePlan.reuse.length > 0 && codePage) {
           const pageCode = codePage.changes?.pageCode;
           if (pageCode) {
@@ -6417,17 +6437,28 @@ ${existingAppPageCode}
                 chalk8.dim(`  \u2713 Reuse verified for "${name}": ${verification.passed.map((p) => p.component).join(", ")}`)
               );
             }
-            if (verification.missed.length > 0 && verification.retryDirective) {
-              console.log(
-                chalk8.yellow(
-                  `  \u26A0 Missed reuse in "${name}": ${verification.missed.map((m) => m.component).join(", ")} \u2014 retrying...`
-                )
-              );
+            if (verification.missed.length > 0) {
+              const missedNames = verification.missed.map((m) => m.component);
+              console.log(chalk8.yellow(`  \u26A0 Missed reuse in "${name}": ${missedNames.join(", ")} \u2014 patching...`));
               try {
-                const retryPrompt = [prompt, verification.retryDirective].join("\n\n");
-                const retryResult = await parseModification(retryPrompt, modCtx, provider, parseOpts);
-                const retryPage = retryResult.requests.find((r) => r.type === "add-page");
-                if (retryPage) codePage = retryPage;
+                const ai = await createAIProvider(provider);
+                if (ai.editPageCode) {
+                  const patchLines = verification.missed.map((m) => {
+                    const importPath = m.importPath || `@/components/shared/${m.component.replace(/([A-Z])/g, (_, c, i) => (i ? "-" : "") + c.toLowerCase()).replace(/^-/, "")}`;
+                    return `- Add: import { ${m.component} } from '${importPath}'
+  Then find any inline implementation of ${m.component} and replace with <${m.component} />`;
+                  });
+                  const patchInstruction = `Add these shared components to this page:
+${patchLines.join("\n")}
+
+Keep all existing functionality. Only add imports and replace inline duplicates.`;
+                  const patched = await ai.editPageCode(pageCode, patchInstruction, name);
+                  if (patched && patched.length > 100 && /export\s+(default\s+)?function/.test(patched)) {
+                    ;
+                    codePage.changes.pageCode = patched;
+                    console.log(chalk8.dim(`  \u2713 Patched ${missedNames.join(", ")} into "${name}"`));
+                  }
+                }
               } catch {
               }
             }
@@ -8472,7 +8503,7 @@ async function chatCommand(message, options) {
       spinner.start(`Creating shared component: ${componentName}...`);
       const { createAIProvider: createAIProvider2 } = await import("./ai-provider-CGSIYFZT.js");
       const { generateSharedComponent: generateSharedComponent7 } = await import("@getcoherent/core");
-      const { autoFixCode: autoFixCode2 } = await import("./quality-validator-MMAZYG6O.js");
+      const { autoFixCode: autoFixCode2 } = await import("./quality-validator-BX3T5X6Z.js");
       const { extractPropsInterface, extractDependencies } = await import("./component-extractor-VYJLT5NR.js");
       const aiProvider = await createAIProvider2(provider ?? "auto");
       const prompt = `Generate a React component called "${componentName}". Description: ${message}.

package/dist/{quality-validator-MMAZYG6O.js → quality-validator-BX3T5X6Z.js}

@@ -4,7 +4,7 @@ import {
   formatIssues,
   validatePageQuality,
   verifyIncrementalEdit
-} from "./chunk-GIP36DZD.js";
+} from "./chunk-CF4377B7.js";
 import "./chunk-3RG5ZIWI.js";
 export {
   autoFixCode,

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.6.17",
+  "version": "0.6.19",
   "description": "CLI interface for Coherent Design Method",
   "type": "module",
   "main": "./dist/index.js",