sonance-brand-mcp 1.3.79 → 1.3.80

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();

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.80",
   "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",