sonance-brand-mcp 1.3.79 → 1.3.81

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

@@ -2461,6 +2461,9 @@ export function SonanceDevTools() {
         transform: `translate(${dragPosition.x}px, ${dragPosition.y}px)`,
       }}
       // Event isolation - prevent clicks from closing popups in the main app
+      // onPointerDown fires before onMouseDown in modern browsers - must stop both
+      onPointerDown={(e) => e.stopPropagation()}
+      onTouchStart={(e) => e.stopPropagation()}
       onMouseDown={(e) => e.stopPropagation()}
       onClick={(e) => e.stopPropagation()}
       onFocus={(e) => e.stopPropagation()}

package/dist/assets/dev-tools/components/ChatInterface.tsx

@@ -402,6 +402,11 @@ export function ChatInterface({
           type="text"
           value={input}
           onChange={(e) => setInput(e.target.value)}
+          onPointerDown={(e) => {
+            // Force focus capture - prevents modal focus trapping from blocking input
+            e.stopPropagation();
+            setTimeout(() => inputRef.current?.focus(), 0);
+          }}
           onKeyDown={(e) => {
             if (e.key === "Enter" && !e.shiftKey) {
               e.preventDefault();
@@ -428,6 +433,7 @@ export function ChatInterface({
         />
         <button
           onClick={() => handleSend(input || inputRef.current?.value || "")}
+          onPointerDown={(e) => e.stopPropagation()}
           disabled={isProcessing}
           className={cn(
             "px-3 py-2 rounded transition-colors",

package/dist/assets/dev-tools/components/InspectorOverlay.tsx

@@ -88,9 +88,11 @@ export function InspectorOverlay({
       const clickX = e.clientX;
       const clickY = e.clientY;
 
-      // Don't capture clicks on the DevTools panel itself
+      // Don't capture clicks on the DevTools panel or its portal container
       const devToolsPanel = document.querySelector('[data-sonance-devtools="true"]');
+      const devToolsRoot = document.getElementById('sonance-devtools-root');
       if (devToolsPanel?.contains(e.target as Node)) return;
+      if (devToolsRoot?.contains(e.target as Node)) return;
 
       // Find ALL elements that contain the click point
       const matchingElements = elements.filter(el =>

package/package.json

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