sonance-brand-mcp 1.3.95 → 1.3.96

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

@@ -516,6 +516,61 @@ function findElementLineInFile(
   return null;
 }
 
+/**
+ * Search imported component files for specific TEXT CONTENT
+ * This is used to redirect from parent components to child components
+ * when the actual visible text lives in an imported file.
+ * 
+ * Example: "What's the essence of this process?" might be in EssenceTab.tsx
+ * but the parent QuickAddProcessModal.tsx was selected by Phase 2a.
+ */
+function findTextInImportedFiles(
+  textContent: string,
+  importedFiles: { path: string; content: string }[]
+): { path: string; lineNumber: number; snippet: string; content: string } | null {
+  if (!textContent || textContent.length < 5) return null;
+  
+  debugLog("Searching imported files for text content", {
+    textContent: textContent.substring(0, 40),
+    filesCount: importedFiles.length
+  });
+  
+  // Only search component files (where JSX text lives)
+  const componentFiles = importedFiles.filter(f => 
+    f.path.includes('components/') || f.path.includes('/ui/')
+  );
+  
+  // Use first 20 chars for matching (handles dynamic suffixes)
+  const searchText = textContent.substring(0, 20);
+  
+  for (const file of componentFiles) {
+    const lines = file.content.split('\n');
+    for (let i = 0; i < lines.length; i++) {
+      const line = lines[i];
+      // Look for the text in JSX patterns: >Text<, "Text", 'Text', `Text`
+      if (line.includes(`>${searchText}`) ||
+          line.includes(`"${searchText}`) ||
+          line.includes(`'${searchText}`) ||
+          line.includes(`\`${searchText}`)) {
+        debugLog("Found text in imported file", {
+          path: file.path,
+          lineNumber: i + 1,
+          matchedText: searchText
+        });
+        return {
+          path: file.path,
+          lineNumber: i + 1,
+          snippet: lines.slice(Math.max(0, i - 3), i + 5).join('\n'),
+          content: file.content
+        };
+      }
+    }
+  }
+  
+  debugLog("Text not found in any imported component files");
+  return null;
+}
+
 /**
  * Search imported component files for the focused element
  * Reuses findElementLineInFile() for consistent detection
@@ -1528,7 +1583,7 @@ export async function POST(request: Request) {
             const confirmedPath = phase2aMatches.find(p => 
               focusedElementHints.some(h => h.path === p && h.score > 0)
             );
-            recommendedFile = {
+              recommendedFile = {
               path: confirmedPath!,
               reason: `Phase 2a component-name match confirmed by element search`
             };
@@ -1552,7 +1607,7 @@ export async function POST(request: Request) {
               selectedPath: bestMatch,
               allCandidates: phase2aMatches 
             });
-          } else {
+            } else {
             // FALLBACK PRIORITY 4: Use the page file from the current route
             const routePageFile = discoverPageFile(pageRoute || "/", projectRoot);
             
@@ -1666,7 +1721,7 @@ User Request: "${userPrompt}"
         let elementLocation: { lineNumber: number; snippet: string; confidence: 'high' | 'medium' | 'low'; matchedBy: string } | null = null;
         let actualTargetFile = recommendedFileContent; // May change if we redirect
         
-        if (focusedElements && focusedElements.length > 0) {
+      if (focusedElements && focusedElements.length > 0) {
           for (const el of focusedElements) {
             elementLocation = findElementLineInFile(content, el);
             if (elementLocation) {
@@ -1680,6 +1735,48 @@ User Request: "${userPrompt}"
             }
           }
           
+          // TEXT-FIRST REDIRECT: Before accepting medium/low confidence match,
+          // search imported files for the actual TEXT CONTENT.
+          // This handles cases where parent component is selected but text lives in child.
+          if (elementLocation && elementLocation.confidence !== 'high') {
+            // Find the first focused element with meaningful text content
+            const textToFind = focusedElements.find(e => e.textContent && e.textContent.length > 5)?.textContent;
+            
+            if (textToFind) {
+              debugLog("Medium/low confidence match - checking imports for text", {
+                currentFile: recommendedFileContent.path,
+                currentConfidence: elementLocation.confidence,
+                searchingFor: textToFind.substring(0, 40)
+              });
+              
+              const textMatch = findTextInImportedFiles(
+                textToFind,
+                pageContext.componentSources
+              );
+              
+              if (textMatch) {
+                debugLog("TEXT REDIRECT: Found text in imported component", {
+                  originalFile: recommendedFileContent.path,
+                  originalConfidence: elementLocation.confidence,
+                  redirectTo: textMatch.path,
+                  lineNumber: textMatch.lineNumber
+                });
+                
+                // Switch target file to where the text actually is
+                actualTargetFile = {
+                  path: textMatch.path,
+                  content: textMatch.content
+                };
+                elementLocation = {
+                  lineNumber: textMatch.lineNumber,
+                  snippet: textMatch.snippet,
+                  confidence: 'high',
+                  matchedBy: `textContent in imported file "${textToFind.substring(0, 30)}..."`
+                };
+              }
+            }
+          }
+          
           // DYNAMIC IMPORT SEARCH: If not found in main file, search imported components
           if (!elementLocation) {
             debugLog("Element not in main file, searching imported components...", {

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

@@ -512,6 +512,61 @@ function findElementLineInFile(
   return null;
 }
 
+/**
+ * Search imported component files for specific TEXT CONTENT
+ * This is used to redirect from parent components to child components
+ * when the actual visible text lives in an imported file.
+ * 
+ * Example: "What's the essence of this process?" might be in EssenceTab.tsx
+ * but the parent QuickAddProcessModal.tsx was selected by Phase 2a.
+ */
+function findTextInImportedFiles(
+  textContent: string,
+  importedFiles: { path: string; content: string }[]
+): { path: string; lineNumber: number; snippet: string; content: string } | null {
+  if (!textContent || textContent.length < 5) return null;
+  
+  debugLog("Searching imported files for text content", {
+    textContent: textContent.substring(0, 40),
+    filesCount: importedFiles.length
+  });
+  
+  // Only search component files (where JSX text lives)
+  const componentFiles = importedFiles.filter(f => 
+    f.path.includes('components/') || f.path.includes('/ui/')
+  );
+  
+  // Use first 20 chars for matching (handles dynamic suffixes)
+  const searchText = textContent.substring(0, 20);
+  
+  for (const file of componentFiles) {
+    const lines = file.content.split('\n');
+    for (let i = 0; i < lines.length; i++) {
+      const line = lines[i];
+      // Look for the text in JSX patterns: >Text<, "Text", 'Text', `Text`
+      if (line.includes(`>${searchText}`) ||
+          line.includes(`"${searchText}`) ||
+          line.includes(`'${searchText}`) ||
+          line.includes(`\`${searchText}`)) {
+        debugLog("Found text in imported file", {
+          path: file.path,
+          lineNumber: i + 1,
+          matchedText: searchText
+        });
+        return {
+          path: file.path,
+          lineNumber: i + 1,
+          snippet: lines.slice(Math.max(0, i - 3), i + 5).join('\n'),
+          content: file.content
+        };
+      }
+    }
+  }
+  
+  debugLog("Text not found in any imported component files");
+  return null;
+}
+
 /**
  * Search imported component files for the focused element
  * Reuses findElementLineInFile() for consistent detection
@@ -1497,7 +1552,7 @@ export async function POST(request: Request) {
             const confirmedPath = phase2aMatches.find(p => 
               focusedElementHints.some(h => h.path === p && h.score > 0)
             );
-            recommendedFile = {
+              recommendedFile = {
               path: confirmedPath!,
               reason: `Phase 2a component-name match confirmed by element search`
             };
@@ -1521,7 +1576,7 @@ export async function POST(request: Request) {
               selectedPath: bestMatch,
               allCandidates: phase2aMatches 
             });
-          } else {
+            } else {
             // FALLBACK PRIORITY 4: Use the page file from the current route
             const routePageFile = discoverPageFile(pageRoute || "/", projectRoot);
             
@@ -1635,7 +1690,7 @@ User Request: "${userPrompt}"
         let elementLocation: { lineNumber: number; snippet: string; confidence: 'high' | 'medium' | 'low'; matchedBy: string } | null = null;
         let actualTargetFile = recommendedFileContent; // May change if we redirect
         
-        if (focusedElements && focusedElements.length > 0) {
+      if (focusedElements && focusedElements.length > 0) {
           for (const el of focusedElements) {
             elementLocation = findElementLineInFile(content, el);
             if (elementLocation) {
@@ -1649,6 +1704,48 @@ User Request: "${userPrompt}"
             }
           }
           
+          // TEXT-FIRST REDIRECT: Before accepting medium/low confidence match,
+          // search imported files for the actual TEXT CONTENT.
+          // This handles cases where parent component is selected but text lives in child.
+          if (elementLocation && elementLocation.confidence !== 'high') {
+            // Find the first focused element with meaningful text content
+            const textToFind = focusedElements.find(e => e.textContent && e.textContent.length > 5)?.textContent;
+            
+            if (textToFind) {
+              debugLog("Medium/low confidence match - checking imports for text", {
+                currentFile: recommendedFileContent.path,
+                currentConfidence: elementLocation.confidence,
+                searchingFor: textToFind.substring(0, 40)
+              });
+              
+              const textMatch = findTextInImportedFiles(
+                textToFind,
+                pageContext.componentSources
+              );
+              
+              if (textMatch) {
+                debugLog("TEXT REDIRECT: Found text in imported component", {
+                  originalFile: recommendedFileContent.path,
+                  originalConfidence: elementLocation.confidence,
+                  redirectTo: textMatch.path,
+                  lineNumber: textMatch.lineNumber
+                });
+                
+                // Switch target file to where the text actually is
+                actualTargetFile = {
+                  path: textMatch.path,
+                  content: textMatch.content
+                };
+                elementLocation = {
+                  lineNumber: textMatch.lineNumber,
+                  snippet: textMatch.snippet,
+                  confidence: 'high',
+                  matchedBy: `textContent in imported file "${textToFind.substring(0, 30)}..."`
+                };
+              }
+            }
+          }
+          
           // DYNAMIC IMPORT SEARCH: If not found in main file, search imported components
           if (!elementLocation) {
             debugLog("Element not in main file, searching imported components...", {

package/package.json

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