sonance-brand-mcp 1.3.45 → 1.3.46

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

@@ -475,7 +475,7 @@ Return search/replace patches (NOT full files). The system applies your patches
 - Blaze Blue: #00A3E1
 
 **RESPONSE FORMAT:**
-Return ONLY valid JSON:
+CRITICAL: Return ONLY the JSON object below. Do NOT include any text, explanation, or thinking before or after the JSON. No preamble. No "Looking at the screenshot..." No markdown code blocks. Just raw JSON:
 {
   "reasoning": "What you understood from the request and your plan",
   "modifications": [
@@ -863,6 +863,15 @@ CRITICAL: Edit the TARGET COMPONENT (marked with ***), not the page wrapper.`;
         }
 
         jsonText = jsonText.trim();
+        
+        // Robust JSON extraction: find the first { and last } to extract JSON object
+        // This handles cases where the LLM includes preamble text before the JSON
+        const firstBrace = jsonText.indexOf('{');
+        const lastBrace = jsonText.lastIndexOf('}');
+        if (firstBrace !== -1 && lastBrace > firstBrace) {
+          jsonText = jsonText.substring(firstBrace, lastBrace + 1);
+        }
+        
         aiResponse = JSON.parse(jsonText);
       } catch {
         console.error("Failed to parse AI response:", textResponse.text);

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

@@ -473,7 +473,7 @@ Return search/replace patches (NOT full files). The system applies your patches
 - Blaze Blue: #00A3E1
 
 **RESPONSE FORMAT:**
-Return ONLY valid JSON:
+CRITICAL: Return ONLY the JSON object below. Do NOT include any text, explanation, or thinking before or after the JSON. No preamble. No "Looking at the screenshot..." No markdown code blocks. Just raw JSON:
 {
   "reasoning": "What you understood from the request and your plan",
   "modifications": [
@@ -878,6 +878,14 @@ CRITICAL: Edit the TARGET COMPONENT (marked with ***), not the page wrapper.`;
         // Clean up any remaining whitespace
         jsonText = jsonText.trim();
         
+        // Robust JSON extraction: find the first { and last } to extract JSON object
+        // This handles cases where the LLM includes preamble text before the JSON
+        const firstBrace = jsonText.indexOf('{');
+        const lastBrace = jsonText.lastIndexOf('}');
+        if (firstBrace !== -1 && lastBrace > firstBrace) {
+          jsonText = jsonText.substring(firstBrace, lastBrace + 1);
+        }
+        
         aiResponse = JSON.parse(jsonText);
       } catch {
         console.error("Failed to parse AI response:", textResponse.text);

package/dist/assets/dev-tools/SonanceDevTools.tsx

@@ -2370,7 +2370,7 @@ export function SonanceDevTools() {
       <div 
         ref={headerRef}
         className={cn(
-          "flex items-center justify-between px-4 py-3 border-b border-gray-200 bg-[#333F48]",
+          "flex items-center justify-between px-3 py-2 border-b border-gray-200 bg-[#333F48]",
           "cursor-move touch-none"
         )}
         onPointerDown={handleDragStart}
@@ -2380,10 +2380,10 @@ export function SonanceDevTools() {
         onDoubleClick={handleResetPosition}
         title="Drag to move • Double-click to reset position"
       >
-        <div className="flex items-center gap-2">
-          <GripHorizontal className="h-4 w-4 text-white/50" />
-          <Palette className="h-5 w-5 text-[#00A3E1]" />
-          <span id="span-sonance-devtools" className="text-sm font-semibold text-white">
+        <div className="flex items-center gap-1.5">
+          <GripHorizontal className="h-3.5 w-3.5 text-white/50" />
+          <Palette className="h-4 w-4 text-[#00A3E1]" />
+          <span id="span-sonance-devtools" className="text-xs font-semibold text-white whitespace-nowrap">
             Sonance DevTools
           </span>
         </div>

package/package.json

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