@pro-vi/designer 0.3.7 → 0.3.8

package/dist/designer-controller.js

@@ -195,17 +195,42 @@ export class DesignerController {
         const { promptTextarea, sendButton } = this.selectors.composer;
         await this.browser.waitFor(promptTextarea);
         await this.browser.evalValue(`(() => {
-        const ta = document.querySelector(${JSON.stringify(promptTextarea)});
-        if (!ta) throw new Error('textarea not found');
-        const setter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value').set;
-        setter.call(ta, ${JSON.stringify(prompt)});
-        ta.dispatchEvent(new Event('input', { bubbles: true }));
-        ta.focus();
-        return true;
+        const el = document.querySelector(${JSON.stringify(promptTextarea)});
+        if (!el) throw new Error('composer input not found');
+        const text = ${JSON.stringify(prompt)};
+        if (el instanceof HTMLTextAreaElement) {
+          // Bypass React's value ownership via the native setter, then fire a
+          // bubbling input event.
+          const setter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value').set;
+          setter.call(el, text);
+          el.dispatchEvent(new Event('input', { bubbles: true }));
+          el.focus();
+          return true;
+        }
+        if (el.isContentEditable) {
+          // Deliver the text as a synthetic paste so the editor's own paste
+          // pipeline updates its internal state; execCommand('insertText')
+          // flattens multi-line prompts into one paragraph.
+          el.focus();
+          const sel = window.getSelection();
+          const range = document.createRange();
+          range.selectNodeContents(el);
+          sel.removeAllRanges();
+          sel.addRange(range);
+          const dt = new DataTransfer();
+          dt.setData('text/plain', text);
+          const unhandled = el.dispatchEvent(new ClipboardEvent('paste', { clipboardData: dt, bubbles: true, cancelable: true }));
+          if (unhandled) {
+            // No editor intercepted the paste — plain contenteditable fallback.
+            document.execCommand('insertText', false, text);
+          }
+          return true;
+        }
+        throw new Error('composer input is neither textarea nor contenteditable: ' + el.tagName);
       })()`);
         for (let i = 0; i < 30; i++) {
             await new Promise((r) => setTimeout(r, 150));
-            const disabled = await this.browser.evalValue(`(() => { const b = document.querySelector(${JSON.stringify(sendButton)}); return !b || b.disabled; })()`);
+            const disabled = await this.browser.evalValue(`(() => { const b = document.querySelector(${JSON.stringify(sendButton)}); return !b || b.disabled || b.getAttribute('aria-disabled') === 'true'; })()`);
             if (!disabled)
                 break;
         }
@@ -520,7 +545,9 @@ export class DesignerController {
         if (!opened)
             await this._clickButtonByText(/^Export$/);
         await new Promise((r) => setTimeout(r, 400));
-        await this._clickButtonByText(/handoff to claude code/i);
+        const viaSendTo = await this._clickClaudeCodeSendTo().catch(() => false);
+        if (!viaSendTo)
+            await this._clickButtonByText(/handoff to claude code/i);
         let handoffUrl = '';
         for (let i = 0; i < 30; i++) {
             await new Promise((r) => setTimeout(r, 300));
@@ -583,6 +610,28 @@ export class DesignerController {
         return true;
       })()`);
     }
+    async _clickClaudeCodeSendTo() {
+        const tabClicked = await this.browser.evalValue(`(() => {
+        const tab = Array.from(document.querySelectorAll('button[role="tab"]')).find(t => /send to/i.test(t.textContent || ''));
+        if (!tab) return false;
+        tab.click();
+        return true;
+      })()`);
+        if (!tabClicked)
+            return false;
+        await new Promise((r) => setTimeout(r, 400));
+        return this.browser.evalValue(`(() => {
+        const sends = Array.from(document.querySelectorAll('button')).filter(b => (b.textContent || '').trim() === 'Send');
+        const target = sends.find(b => {
+          let row = b;
+          for (let i = 0; i < 3 && row.parentElement; i++) row = row.parentElement;
+          return /claude code/i.test(row.textContent || '');
+        });
+        if (!target) return false;
+        target.click();
+        return true;
+      })()`);
+    }
     async _dialogText() {
         return ((await this.browser
             .evalValue(`(() => {

package/dist/ui-anchors.js

@@ -70,7 +70,7 @@ export const UI_ANCHORS = [
         category: 'session',
         description: 'send button',
         requires: 'session',
-        check: async (b) => ({ ok: await hasSelector(b, '[data-testid="chat-send-button"]') })
+        check: async (b) => ({ ok: await hasSelector(b, '[data-testid="chat-send-button"], button[title^="Send ("]') })
     },
     {
         id: 'session.htmlViewerIframe',
@@ -122,16 +122,30 @@ export const UI_ANCHORS = [
     {
         id: 'share.handoffMenuItem',
         category: 'share',
-        description: 'Handoff-to-Claude-Code menu item (inside Share dropdown)',
+        description: 'Handoff-to-Claude-Code action (Share → Send to… tab → Claude Code row, or the legacy dropdown item)',
         requires: 'session',
         check: async (b) => {
             const opened = await b.evalValue(`(() => { const btn = Array.from(document.querySelectorAll('button')).find(x => (x.textContent||'').trim() === 'Share'); if (!btn) return false; btn.click(); return true; })()`).catch(() => false);
             if (!opened)
                 return { ok: false, detail: 'Share button not clickable' };
             await new Promise((r) => setTimeout(r, 400));
-            const found = await hasButtonMatching(b, /handoff to claude code/i);
+            let found = await hasButtonMatching(b, /handoff to claude code/i);
+            if (!found) {
+                const tabClicked = await b.evalValue(`(() => { const tab = Array.from(document.querySelectorAll('button[role="tab"]')).find(t => /send to/i.test(t.textContent || '')); if (!tab) return false; tab.click(); return true; })()`).catch(() => false);
+                if (tabClicked) {
+                    await new Promise((r) => setTimeout(r, 400));
+                    found = await b.evalValue(`(() => {
+              const sends = Array.from(document.querySelectorAll('button')).filter(x => (x.textContent || '').trim() === 'Send');
+              return sends.some(x => {
+                let row = x;
+                for (let i = 0; i < 3 && row.parentElement; i++) row = row.parentElement;
+                return /claude code/i.test(row.textContent || '');
+              });
+            })()`).catch(() => false);
+                }
+            }
             await b.evalValue(`document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true })); true`).catch(() => null);
-            return { ok: found, detail: found ? undefined : 'Share opened but no Handoff-to-Claude-Code item' };
+            return { ok: found, detail: found ? undefined : 'Share opened but no Claude Code handoff action (checked legacy item and Send to… tab)' };
         }
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pro-vi/designer",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "type": "module",
   "description": "MCP + CLI for autonomous iteration of claude.ai/design — drives the design surface via agent-browser, downloads handoff bundles, and exposes a tasting harness for full-viewport variant comparison.",
   "license": "MIT",
@@ -40,7 +40,7 @@
     "smoke": "bash scripts/install-smoke.sh"
   },
   "dependencies": {
-    "@anthropic-ai/sdk": "^0.96.0",
+    "@anthropic-ai/sdk": "^0.102.0",
     "@modelcontextprotocol/sdk": "^1.26.0",
     "zod": "^4.4.3"
   },

package/selectors.json

@@ -18,7 +18,7 @@
   },
   "composer": {
     "promptTextarea": "[data-testid=\"chat-composer-input\"]",
-    "sendButton": "[data-testid=\"chat-send-button\"]",
+    "sendButton": "[data-testid=\"chat-send-button\"], button[title^=\"Send (\"]",
     "stopButton": null,
     "attachButton": "button[aria-label=\"Attach file\"]",
     "modelButton": "[data-testid=\"model-selector-button\"]"