sonance-brand-mcp 1.3.39 → 1.3.40

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

@@ -504,6 +504,8 @@ export async function POST(request: Request) {
       // PHASE 1+2: LLM-driven smart file discovery
       // The LLM analyzes the screenshot and deduces component names, code patterns, and visible text
       let smartSearchFiles: { path: string; content: string }[] = [];
+      let recommendedFile: { path: string; reason: string } | null = null;
+      
       if (screenshot) {
         debugLog("Starting Phase 1: LLM screenshot analysis");
         const analysis = await analyzeScreenshotForSearch(screenshot, userPrompt, apiKey);
@@ -516,13 +518,39 @@ export async function POST(request: Request) {
           // PHASE 2: Smart search using component names, text, and code patterns
           const searchResults = searchFilesSmart(analysis, projectRoot, 10);
           smartSearchFiles = searchResults.map(r => ({ path: r.path, content: r.content }));
+          
+          // 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())
+              )
+            );
+            
+            if (filenameMatch) {
+              recommendedFile = {
+                path: filenameMatch.path,
+                reason: `Component name match from screenshot analysis`
+              };
+            } else {
+              // Fall back to highest score
+              recommendedFile = {
+                path: searchResults[0].path,
+                reason: `Highest content match score (${searchResults[0].score} points)`
+              };
+            }
+            debugLog("Recommended file for editing", recommendedFile);
+          }
+          
           debugLog("Phase 1+2 complete", {
             analysis: {
               visibleText: analysis.visibleText.slice(0, 5),
               componentNames: analysis.componentNames,
               codePatterns: analysis.codePatterns.slice(0, 5)
             },
-            filesFound: smartSearchFiles.map(f => f.path)
+            filesFound: smartSearchFiles.map(f => f.path),
+            recommendedFile
           });
         }
       }
@@ -569,6 +597,22 @@ User Request: "${userPrompt}"
 
 `;
 
+      // Add recommendation if smart search identified a best match
+      if (recommendedFile) {
+        textContent += `═══════════════════════════════════════════════════════════════════════════════
+⚡ RECOMMENDED FILE TO EDIT
+═══════════════════════════════════════════════════════════════════════════════
+
+Based on the screenshot analysis, the component you should edit is:
+**${recommendedFile.path}**
+Reason: ${recommendedFile.reason}
+
+The page file (${pageContext.pageFile}) is just a wrapper - the actual UI elements are in the component above.
+STRONGLY PREFER editing the recommended file unless you have a specific reason not to.
+
+`;
+      }
+
       if (focusedElements && focusedElements.length > 0) {
         textContent += `FOCUSED ELEMENTS (user clicked on these):
 ${focusedElements.map((el) => `- ${el.name} (${el.type}) at (${el.coordinates.x}, ${el.coordinates.y})`).join("\n")}

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

@@ -514,6 +514,8 @@ export async function POST(request: Request) {
       // PHASE 1+2: LLM-driven smart file discovery
       // The LLM analyzes the screenshot and deduces component names, code patterns, and visible text
       let smartSearchFiles: { path: string; content: string }[] = [];
+      let recommendedFile: { path: string; reason: string } | null = null;
+      
       if (screenshot) {
         debugLog("Starting Phase 1: LLM screenshot analysis");
         const analysis = await analyzeScreenshotForSearch(screenshot, userPrompt, apiKey);
@@ -526,13 +528,39 @@ export async function POST(request: Request) {
           // PHASE 2: Smart search using component names, text, and code patterns
           const searchResults = searchFilesSmart(analysis, projectRoot, 10);
           smartSearchFiles = searchResults.map(r => ({ path: r.path, content: r.content }));
+          
+          // 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())
+              )
+            );
+            
+            if (filenameMatch) {
+              recommendedFile = {
+                path: filenameMatch.path,
+                reason: `Component name match from screenshot analysis`
+              };
+            } else {
+              // Fall back to highest score
+              recommendedFile = {
+                path: searchResults[0].path,
+                reason: `Highest content match score (${searchResults[0].score} points)`
+              };
+            }
+            debugLog("Recommended file for editing", recommendedFile);
+          }
+          
           debugLog("Phase 1+2 complete", {
             analysis: {
               visibleText: analysis.visibleText.slice(0, 5),
               componentNames: analysis.componentNames,
               codePatterns: analysis.codePatterns.slice(0, 5)
             },
-            filesFound: smartSearchFiles.map(f => f.path)
+            filesFound: smartSearchFiles.map(f => f.path),
+            recommendedFile
           });
         }
       }
@@ -579,6 +607,22 @@ User Request: "${userPrompt}"
 
 `;
 
+      // Add recommendation if smart search identified a best match
+      if (recommendedFile) {
+        textContent += `═══════════════════════════════════════════════════════════════════════════════
+⚡ RECOMMENDED FILE TO EDIT
+═══════════════════════════════════════════════════════════════════════════════
+
+Based on the screenshot analysis, the component you should edit is:
+**${recommendedFile.path}**
+Reason: ${recommendedFile.reason}
+
+The page file (${pageContext.pageFile}) is just a wrapper - the actual UI elements are in the component above.
+STRONGLY PREFER editing the recommended file unless you have a specific reason not to.
+
+`;
+      }
+
       if (focusedElements && focusedElements.length > 0) {
         textContent += `FOCUSED ELEMENTS (user clicked on these):
 ${focusedElements.map((el) => `- ${el.name} (${el.type}) at (${el.coordinates.x}, ${el.coordinates.y})`).join("\n")}

package/package.json

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