@getcoherent/cli 0.5.5 → 0.5.7

package/dist/index.js

@@ -4341,6 +4341,7 @@ User Request: "${message}"
 
 Return ONLY a JSON object with this structure (no pageCode, no sections, no content):
 {
+  "appName": "Extracted App Name",
   "requests": [
     { "type": "add-page", "target": "new", "changes": { "id": "page-id", "name": "Page Name", "route": "/page-route" } }
   ],
@@ -4350,6 +4351,7 @@ Return ONLY a JSON object with this structure (no pageCode, no sections, no cont
 }
 
 Rules:
+- appName: Extract the app/product name from the user's request if mentioned (e.g. "app called TaskFlow" \u2192 "TaskFlow", "build a CRM" \u2192 "CRM"). If no name is mentioned, omit this field.
 - Use kebab-case for id and route
 - Route must start with /
 - Keep response under 500 tokens
@@ -5055,7 +5057,7 @@ function fixGlobalsCss(projectRoot, config2) {
 }
 
 // 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 RAW_COLOR_RE = /(?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?(?:bg|text|border|ring|outline|from|to|via)-(gray|blue|red|green|yellow|purple|pink|indigo|orange|slate|zinc|stone|neutral|emerald|teal|cyan|sky|violet|fuchsia|rose|amber|lime)-\d+/g;
 var HEX_IN_CLASS_RE = /className="[^"]*#[0-9a-fA-F]{3,8}[^"]*"/g;
 var TEXT_BASE_RE = /\btext-base\b/g;
 var HEAVY_SHADOW_RE = /\bshadow-(md|lg|xl|2xl)\b/g;
@@ -5481,82 +5483,90 @@ function validatePageQuality(code, validRoutes) {
 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]) {
+  const accentColorRe = /\b((?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?)(bg|text|border|ring|outline|from|to|via)-(emerald|blue|violet|indigo|purple|teal|cyan|sky|rose|amber|red|green|yellow|pink|orange|fuchsia|lime)-(\d+)\b/g;
+  result = result.replace(accentColorRe, (m, statePrefix, prefix, color, shade) => {
+    const bare = m.replace(statePrefix, "");
+    if (colorMap[bare]) {
       changed = true;
-      return colorMap[m];
+      return statePrefix + colorMap[bare];
     }
     const n = parseInt(shade);
     const isDestructive = color === "red";
     if (prefix === "bg") {
       if (n >= 500 && n <= 700) {
         changed = true;
-        return isDestructive ? "bg-destructive" : "bg-primary";
+        return statePrefix + (isDestructive ? "bg-destructive" : "bg-primary");
       }
       if (n >= 100 && n <= 200) {
         changed = true;
-        return isDestructive ? "bg-destructive/10" : "bg-primary/10";
+        return statePrefix + (isDestructive ? "bg-destructive/10" : "bg-primary/10");
       }
       if (n >= 300 && n <= 400) {
         changed = true;
-        return isDestructive ? "bg-destructive/20" : "bg-primary/20";
+        return statePrefix + (isDestructive ? "bg-destructive/20" : "bg-primary/20");
       }
       if (n >= 800) {
         changed = true;
-        return "bg-muted";
+        return statePrefix + "bg-muted";
       }
     }
     if (prefix === "text") {
       if (n >= 400 && n <= 600) {
         changed = true;
-        return isDestructive ? "text-destructive" : "text-primary";
+        return statePrefix + (isDestructive ? "text-destructive" : "text-primary");
       }
       if (n >= 100 && n <= 300) {
         changed = true;
-        return "text-foreground";
+        return statePrefix + "text-foreground";
       }
       if (n >= 700) {
         changed = true;
-        return "text-foreground";
+        return statePrefix + "text-foreground";
       }
     }
-    if (prefix === "border") {
+    if (prefix === "border" || prefix === "ring" || prefix === "outline") {
       changed = true;
-      return isDestructive ? "border-destructive" : "border-primary";
+      return statePrefix + (isDestructive ? `${prefix}-destructive` : `${prefix}-primary`);
+    }
+    if (prefix === "from" || prefix === "to" || prefix === "via") {
+      changed = true;
+      if (n >= 100 && n <= 300)
+        return statePrefix + (isDestructive ? `${prefix}-destructive/20` : `${prefix}-primary/20`);
+      return statePrefix + (isDestructive ? `${prefix}-destructive` : `${prefix}-primary`);
     }
     return m;
   });
-  const neutralColorRe = /\b(bg|text|border)-(zinc|slate|gray|neutral|stone)-(\d+)\b/g;
-  result = result.replace(neutralColorRe, (m, prefix, _color, shade) => {
-    if (colorMap[m]) {
+  const neutralColorRe = /\b((?:(?:hover|focus|active|group-hover|focus-visible|focus-within):)?)(bg|text|border|ring|outline)-(zinc|slate|gray|neutral|stone)-(\d+)\b/g;
+  result = result.replace(neutralColorRe, (m, statePrefix, prefix, _color, shade) => {
+    const bare = m.replace(statePrefix, "");
+    if (colorMap[bare]) {
       changed = true;
-      return colorMap[m];
+      return statePrefix + colorMap[bare];
     }
     const n = parseInt(shade);
     if (prefix === "bg") {
       if (n >= 800) {
         changed = true;
-        return "bg-background";
+        return statePrefix + "bg-background";
       }
       if (n >= 100 && n <= 300) {
         changed = true;
-        return "bg-muted";
+        return statePrefix + "bg-muted";
       }
     }
     if (prefix === "text") {
       if (n >= 100 && n <= 300) {
         changed = true;
-        return "text-foreground";
+        return statePrefix + "text-foreground";
       }
       if (n >= 400 && n <= 600) {
         changed = true;
-        return "text-muted-foreground";
+        return statePrefix + "text-muted-foreground";
       }
     }
-    if (prefix === "border") {
+    if (prefix === "border" || prefix === "ring" || prefix === "outline") {
       changed = true;
-      return "border-border";
+      return statePrefix + `${prefix === "border" ? "border-border" : `${prefix}-ring`}`;
     }
     return m;
   });
@@ -6762,6 +6772,10 @@ async function splitGeneratePages(spinner, message, modCtx, provider, parseOpts)
     if (detectedNavType !== "header" && modCtx.config.navigation) {
       modCtx.config.navigation.type = detectedNavType;
     }
+    const planRaw = planResult;
+    if (typeof planRaw.appName === "string" && planRaw.appName && modCtx.config.name === "My App") {
+      modCtx.config.name = planRaw.appName;
+    }
   } catch {
     spinner.text = "AI plan failed \u2014 extracting pages from your request...";
   }

package/package.json

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