@pro-vi/designer 0.3.5 → 0.3.6

package/dist/cli.js

@@ -542,18 +542,37 @@ async function checkOnDesignSurface() {
     const port = process.env.DESIGNER_CDP || '9222';
     try {
         const res = await fetch(`http://127.0.0.1:${port}/json/list`);
-        if (!res.ok)
-            return { name: 'logged into claude.ai/design', status: 'fail', detail: `HTTP ${res.status}` };
+        if (!res.ok) {
+            return {
+                name: 'claude.ai/design tab',
+                status: 'fail',
+                detail: `CDP HTTP ${res.status} — debug Chrome may have died. Run \`designer setup\` to relaunch it.`
+            };
+        }
         const tabs = await res.json();
         const onDesign = tabs.find((t) => t.url && /claude\.ai\/design/.test(t.url));
-        if (!onDesign)
-            return { name: 'logged into claude.ai/design', status: 'warn', detail: 'no tab on claude.ai/design — sign in and navigate there in the debug Chrome window' };
-        if (/login|sign in/i.test(onDesign.title || ''))
-            return { name: 'logged into claude.ai/design', status: 'fail', detail: 'on a login page; sign in inside the debug Chrome window' };
-        return { name: 'logged into claude.ai/design', status: 'ok', detail: onDesign.url };
+        if (!onDesign) {
+            return {
+                name: 'claude.ai/design tab',
+                status: 'warn',
+                detail: 'no tab on claude.ai/design in the debug Chrome window. Open https://claude.ai/design THERE (not in your normal Chrome — they are separate profiles with separate cookies).'
+            };
+        }
+        if (/login|sign in/i.test(onDesign.title || '')) {
+            return {
+                name: 'signed in to claude.ai/design',
+                status: 'fail',
+                detail: 'on a login page. Sign in INSIDE the debug Chrome window (not your normal Chrome — that profile is signed in but its cookies are not shared).'
+            };
+        }
+        return { name: 'signed in to claude.ai/design', status: 'ok', detail: onDesign.url };
     }
     catch {
-        return { name: 'logged into claude.ai/design', status: 'fail', detail: 'CDP not reachable; fix CDP first' };
+        return {
+            name: 'claude.ai/design tab',
+            status: 'fail',
+            detail: 'debug Chrome unreachable. Run `designer setup` to launch it.'
+        };
     }
 }
 function checkSelectors() {

package/dist/setup.js

@@ -169,11 +169,11 @@ async function step4SignIn(port) {
         log('login', 'ok', `Signed in. Tab on ${tab.url.replace(/\?.*$/, '')}`);
         return true;
     }
-    log('login', 'wait', 'Sign in to Claude in the debug Chrome window I just opened, then navigate to claude.ai/design. I am polling.');
+    log('login', 'wait', 'Sign in to Claude in the DEBUG Chrome window I just opened (it is a separate window with no extensions/bookmarks — NOT your normal Chrome; the two have separate cookie jars). Then navigate to claude.ai/design. I am polling.');
     const ok = await pollUntil('login', async () => (await getDesignTab(port)) !== null, {
         intervalMs: 2000,
         timeoutMs: 10 * 60_000,
-        reminder: 'Still waiting for a tab on claude.ai/design (not on /login).',
+        reminder: 'Still waiting for a tab on claude.ai/design in the debug window (signing into your normal Chrome will not help — different profile).',
         hint60s: "If Chrome shows a Google 'new device' or 2FA prompt, complete that first — setup is waiting on you."
     });
     if (!ok) {

package/dist/ui-anchors.js

@@ -77,7 +77,11 @@ export const UI_ANCHORS = [
         category: 'session',
         description: 'html-viewer-iframe (design preview)',
         requires: 'session',
-        check: async (b) => ({ ok: await hasSelector(b, '[data-testid="html-viewer-iframe"]') })
+        check: async (b, url) => {
+            if (!/[?&]file=/.test(url))
+                return { ok: true, detail: '(no file open — iframe not expected)' };
+            return { ok: await hasSelector(b, '[data-testid="html-viewer-iframe"]') };
+        }
     },
     {
         id: 'session.chatMessages',
@@ -91,10 +95,12 @@ export const UI_ANCHORS = [
         category: 'pattern',
         description: 'iframe src is claudeusercontent.com with signed ?t= token',
         requires: 'session',
-        check: async (b) => {
+        check: async (b, url) => {
+            if (!/[?&]file=/.test(url))
+                return { ok: true, detail: '(no file open — iframe not expected)' };
             const src = await b.evalValue(`(() => { const el = document.querySelector('[data-testid="html-viewer-iframe"]'); return (el && el.src) || ''; })()`).catch(() => '');
             if (!src)
-                return { ok: false, detail: 'no iframe src (is a file open?)' };
+                return { ok: false, detail: 'file param present but iframe missing src' };
             const ok = /claudeusercontent\.com/.test(src) && /[?&]t=/.test(src);
             return { ok, detail: ok ? undefined : `src=${src.slice(0, 120)}...` };
         }
@@ -182,7 +188,7 @@ export const UI_ANCHORS = [
             }
             const match = url.match(/[?&]file=([^&]+)/);
             if (match && match[1]) {
-                const activeFile = decodeURIComponent(match[1]);
+                const activeFile = decodeURIComponent(match[1].replace(/\+/g, ' '));
                 if (!files.includes(activeFile)) {
                     return {
                         ok: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pro-vi/designer",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "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",