sonance-brand-mcp 1.3.66 → 1.3.68

package/dist/assets/api/sonance-vision-apply/route.ts

@@ -946,6 +946,15 @@ ${linesWithNumbers}
         
         // Add theme context to the prompt so LLM knows actual color values and safe combinations
         const themeContext = formatThemeForPrompt(discoveredTheme);
+        
+        // DEBUG: Log what we're sending to the LLM
+        debugLog("Theme context for LLM", {
+          cssVarCount: Object.keys(discoveredTheme.cssVariables).length,
+          warningCount: discoveredTheme.contrastAnalysis?.warnings.length || 0,
+          safePatternCount: discoveredTheme.contrastAnalysis?.safePatterns.length || 0,
+          preview: themeContext.substring(0, 1000) + "...",
+        });
+        
         textContent += `\n${themeContext}\n`;
       }
 

package/dist/assets/api/sonance-vision-apply/theme-discovery.ts

@@ -480,18 +480,32 @@ export function analyzeContrastRelationships(
   // Track which backgrounds we've analyzed to add white/black alternatives
   const analyzedBackgrounds: { name: string; rgb: RGB }[] = [];
   
+  // DEBUG: Log start of analysis
+  const varCount = Object.keys(cssVariables).length;
+  console.log("[Contrast] Starting analysis with", varCount, "variables");
+  
+  let skippedForeground = 0;
+  let skippedNonColor = 0;
+  let failedParse = 0;
+  let noForegroundVar = 0;
+  let pairsAnalyzed = 0;
+  
   // Find all bg/foreground pairs automatically
   for (const [varName, value] of Object.entries(cssVariables)) {
     // Skip if this is a foreground variable
-    if (varName.includes("foreground")) continue;
+    if (varName.includes("foreground")) {
+      skippedForeground++;
+      continue;
+    }
     
     // Skip non-color variables
     if (
       varName.includes("radius") ||
       varName.includes("shadow") ||
       varName.includes("ring") ||
-      varName.includes("border") && !varName.match(/border$/)
+      (varName.includes("border") && !varName.match(/border$/))
     ) {
+      skippedNonColor++;
       continue;
     }
     
@@ -500,19 +514,30 @@ export function analyzeContrastRelationships(
     
     // Parse background color
     const bgRgb = parseColorToRgb(value);
-    if (!bgRgb) continue;
+    if (!bgRgb) {
+      // DEBUG: Log failed parses for important color variables
+      if (baseName.includes("primary") || baseName.includes("accent") || baseName.includes("success")) {
+        console.log("[Contrast] Failed to parse:", varName, "=", value);
+      }
+      failedParse++;
+      continue;
+    }
     
     // Track this background for alternative suggestions
     analyzedBackgrounds.push({ name: baseName, rgb: bgRgb });
     
     // Check if there's a corresponding foreground variable
     if (cssVariables[foregroundVar]) {
+      pairsAnalyzed++;
       const fgRgb = parseColorToRgb(cssVariables[foregroundVar]);
       
       if (fgRgb) {
         const ratio = getContrastRatio(bgRgb, fgRgb);
         const passes = ratio >= 4.5; // WCAG AA for normal text
         
+        // DEBUG: Log analyzed pairs
+        console.log("[Contrast] Pair:", baseName, "bg:", value, "fg:", cssVariables[foregroundVar], "ratio:", ratio.toFixed(1), passes ? "PASS" : "FAIL");
+        
         if (!passes) {
           // Find the best alternative
           const alternative = getBestAlternative(bgRgb);
@@ -531,9 +556,26 @@ export function analyzeContrastRelationships(
           });
         }
       }
+    } else {
+      // DEBUG: Log important variables without foreground
+      if (baseName.includes("primary") || baseName.includes("accent") || baseName.includes("success")) {
+        console.log("[Contrast] No foreground var for:", baseName, "looked for:", foregroundVar);
+      }
+      noForegroundVar++;
     }
   }
   
+  // DEBUG: Summary
+  console.log("[Contrast] Summary:", {
+    total: varCount,
+    skippedForeground,
+    skippedNonColor,
+    failedParse,
+    noForegroundVar,
+    pairsAnalyzed,
+    analyzedBackgrounds: analyzedBackgrounds.length,
+  });
+  
   // Add white/black alternatives for all analyzed backgrounds
   const whiteRgb: RGB = { r: 255, g: 255, b: 255 };
   const blackRgb: RGB = { r: 0, g: 0, b: 0 };

package/dist/assets/api/sonance-vision-edit/route.ts

@@ -915,6 +915,15 @@ ${linesWithNumbers}
         
         // Add theme context to the prompt so LLM knows actual color values and safe combinations
         const themeContext = formatThemeForPrompt(discoveredTheme);
+        
+        // DEBUG: Log what we're sending to the LLM
+        debugLog("Theme context for LLM", {
+          cssVarCount: Object.keys(discoveredTheme.cssVariables).length,
+          warningCount: discoveredTheme.contrastAnalysis?.warnings.length || 0,
+          safePatternCount: discoveredTheme.contrastAnalysis?.safePatterns.length || 0,
+          preview: themeContext.substring(0, 1000) + "...",
+        });
+        
         textContent += `\n${themeContext}\n`;
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sonance-brand-mcp",
-  "version": "1.3.66",
+  "version": "1.3.68",
   "description": "MCP Server for Sonance Brand Guidelines and Component Library - gives Claude instant access to brand colors, typography, and UI components.",
   "main": "dist/index.js",
   "type": "module",