sonance-brand-mcp 1.3.42 → 1.3.44

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

@@ -521,17 +521,32 @@ export async function POST(request: Request) {
           
           // Identify the recommended file (highest scoring file, prefer filename matches)
           if (searchResults.length > 0) {
-            // Find the best filename match first
-            const filenameMatch = searchResults.find(r => 
-              analysis.componentNames.some(name => 
-                r.path.toLowerCase().includes(name.toLowerCase())
-              )
-            );
+            // Helper to extract filename without extension
+            const getFilenameWithoutExt = (filePath: string): string => {
+              const filename = filePath.split('/').pop() || '';
+              return filename.replace(/\.(tsx?|jsx?)$/, '').toLowerCase();
+            };
+            
+            // Find file where FILENAME matches a component name (not just path)
+            const filenameMatch = searchResults.find(r => {
+              const filename = getFilenameWithoutExt(r.path);
+              return analysis.componentNames.some(name => {
+                const nameLower = name.toLowerCase();
+                // Exact match: ProcessDetailPanel === processdetailpanel
+                // Or filename contains the component name
+                return filename === nameLower || filename.includes(nameLower);
+              });
+            });
             
             if (filenameMatch) {
+              const matchedName = analysis.componentNames.find(name => {
+                const filename = getFilenameWithoutExt(filenameMatch.path);
+                const nameLower = name.toLowerCase();
+                return filename === nameLower || filename.includes(nameLower);
+              });
               recommendedFile = {
                 path: filenameMatch.path,
-                reason: `Component name match from screenshot analysis`
+                reason: `Filename matches component "${matchedName}" from screenshot`
               };
             } else {
               // Fall back to highest score
@@ -593,7 +608,7 @@ export async function POST(request: Request) {
       // Total budget: 100k chars (~25k tokens, safe for Claude)
       // Priority: Recommended file (full) > Page file (limited) > Other components (dynamic)
       const TOTAL_CONTEXT_BUDGET = 100000;
-      const MAX_RECOMMENDED_FILE = 50000; // 50k chars max for recommended file
+      const MAX_RECOMMENDED_FILE = 80000; // 80k chars max for recommended file
       const MAX_PAGE_FILE = 2000; // Page file is just a wrapper
       const MAX_GLOBALS_CSS = 1500;
       const MAX_FILES = 25;
@@ -823,6 +838,11 @@ CRITICAL: Edit the TARGET COMPONENT (marked with ***), not the page wrapper.`;
         validFilePaths.add(comp.path);
       }
       
+      // FIX: Add the recommended file to validFilePaths (it was spliced out for display purposes)
+      if (recommendedFileContent) {
+        validFilePaths.add(recommendedFileContent.path);
+      }
+      
       debugLog("VALIDATION: Valid file paths from page context", { 
         pageFile: pageContext.pageFile,
         validFilePaths: Array.from(validFilePaths),

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

@@ -531,17 +531,32 @@ export async function POST(request: Request) {
           
           // Identify the recommended file (highest scoring file, prefer filename matches)
           if (searchResults.length > 0) {
-            // Find the best filename match first
-            const filenameMatch = searchResults.find(r => 
-              analysis.componentNames.some(name => 
-                r.path.toLowerCase().includes(name.toLowerCase())
-              )
-            );
+            // Helper to extract filename without extension
+            const getFilenameWithoutExt = (filePath: string): string => {
+              const filename = filePath.split('/').pop() || '';
+              return filename.replace(/\.(tsx?|jsx?)$/, '').toLowerCase();
+            };
+            
+            // Find file where FILENAME matches a component name (not just path)
+            const filenameMatch = searchResults.find(r => {
+              const filename = getFilenameWithoutExt(r.path);
+              return analysis.componentNames.some(name => {
+                const nameLower = name.toLowerCase();
+                // Exact match: ProcessDetailPanel === processdetailpanel
+                // Or filename contains the component name
+                return filename === nameLower || filename.includes(nameLower);
+              });
+            });
             
             if (filenameMatch) {
+              const matchedName = analysis.componentNames.find(name => {
+                const filename = getFilenameWithoutExt(filenameMatch.path);
+                const nameLower = name.toLowerCase();
+                return filename === nameLower || filename.includes(nameLower);
+              });
               recommendedFile = {
                 path: filenameMatch.path,
-                reason: `Component name match from screenshot analysis`
+                reason: `Filename matches component "${matchedName}" from screenshot`
               };
             } else {
               // Fall back to highest score
@@ -603,7 +618,7 @@ export async function POST(request: Request) {
       // Total budget: 100k chars (~25k tokens, safe for Claude)
       // Priority: Recommended file (full) > Page file (limited) > Other components (dynamic)
       const TOTAL_CONTEXT_BUDGET = 100000;
-      const MAX_RECOMMENDED_FILE = 50000; // 50k chars max for recommended file
+      const MAX_RECOMMENDED_FILE = 80000; // 80k chars max for recommended file
       const MAX_PAGE_FILE = 2000; // Page file is just a wrapper
       const MAX_GLOBALS_CSS = 1500;
       const MAX_FILES = 25;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sonance-brand-mcp",
-  "version": "1.3.42",
+  "version": "1.3.44",
   "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",