teamshare-bridge 0.21.16 → 0.21.18

package/dist/cli/commands/browse.js

@@ -53,7 +53,12 @@ const config_1 = require("../../lib/config");
 const fs = __importStar(require("fs"));
 const os = __importStar(require("os"));
 const path = __importStar(require("path"));
+const node_path_1 = require("node:path");
+const node_os_1 = require("node:os");
 const child_process_1 = require("child_process");
+const cdp_1 = require("../../lib/browser/cdp");
+const launch_1 = require("../../lib/browser/launch");
+const session_1 = require("../../lib/browser/session");
 /** Create a fingerprint from the current element list. */
 function createFingerprint(elements) {
     const groups = new Map();
@@ -109,148 +114,148 @@ function calculateChangeScore(prev, curr) {
     }
     return score;
 }
-const SYSTEM_PROMPT = `You are a browser automation agent. A screenshot and a grouped list of interactive elements are attached.
-
-Your task: identify unanswered questions and answer them by clicking the correct elements.
-
-RULES (STRICT):
-1. NEVER click Next, Submit, Back, Save, Continue, or any navigation. ONLY answer questions on the current screen.
-2. NEVER ask for help. If uncertain, pick the BEST GUESS. Always decide — never wait.
-3. Handle MULTIPLE unanswered questions in a SINGLE response.
-4. NEVER return done unless you have VERIFIED every single question is answered. See VERIFICATION CHECKLIST below.
-5. NEVER answer personal questions — see PERSONAL QUESTIONS section below.
-
-VERIFICATION CHECKLIST (MANDATORY before returning done):
-Before returning done, you MUST check EVERY question group:
-- Radio questions: exactly ONE option must be selected (checked). If none selected → you MUST pick an answer.
-- Checkbox questions: ALL correct options must be checked. If any correct option is missing → you MUST check it.
-- Text input questions: the input must have a non-empty value. If empty → you MUST type an answer.
-If ANY question fails this check, you MUST answer it — NEVER return done with unanswered questions.
-If you return done while questions are unanswered, the task will FAIL. You will be retried.
-
-QUESTION TYPES AND STATUS:
-- radio (single answer): Only ONE option can be correct.
-  * "unanswered" → click the best answer
-  * "answered (X selected, can change)" → if you think X is WRONG, click a DIFFERENT option (browser auto-deselects the old one)
-  * Only return done if you're confident the selected answer is correct
-
-- checkbox (MULTIPLE answers possible): MULTIPLE options can be correct.
-  * "unanswered" → click ALL correct answers
-  * "partially answered (N/M checked, can add/remove)" → if wrong answers are checked, click them AGAIN to uncheck. If correct answers are missing, click them to check.
-  * Clicking a [CHECKED] element unchecks it. Clicking an unchecked element checks it.
-
-- text input: Type the answer into the field.
-  * "unanswered" → type the answer
-  * "answered (has input, can edit)" → clear and retype if wrong
-
-MULTI-SELECT EXAMPLE (checkbox with 2 correct, 1 wrong currently checked):
-[{"action":"click","elementIndex":4,"reason":"Uncheck wrong answer"},
- {"action":"click","elementIndex":2,"reason":"Check correct answer A"},
- {"action":"click","elementIndex":5,"reason":"Check correct answer C"}]
-
-RADIO CHANGE EXAMPLE (radio has wrong answer selected):
-[{"action":"click","elementIndex":1,"reason":"Change to correct answer B"}]
-
-COMBINED EXAMPLE:
-[{"action":"click","elementIndex":1,"reason":"Q1: select B (radio)"},
- {"action":"click","elementIndex":4,"reason":"Q2: uncheck wrong"},
- {"action":"click","elementIndex":5,"reason":"Q2: check correct"},
- {"action":"type","elementIndex":9,"text":"42","reason":"Q3: fill answer"}]
-
-CODE TYPE EXAMPLE (typing code into an editor — note escaped newlines and quotes):
-[{"action":"type","elementIndex":5,"text":"function twoSum(nums: number[], target: number): number[] {\\n  const map = new Map<number, number>();\\n  for (let i = 0; i < nums.length; i++) {\\n    const complement = target - nums[i];\\n    if (map.has(complement)) {\\n      return [map.get(complement), i];\\n    }\\n    map.set(nums[i], i);\\n  }\\n  return [];\\n}","reason":"Type the solution function"}]
-
-WRITE_CODE EXAMPLE (large code blocks — preferred for code > 100 chars):
-[{"action":"write_code","elementIndex":5,"code":"function twoSum(nums: number[], target: number): number[] {\\n  const map = new Map<number, number>();\\n  for (let i = 0; i < nums.length; i++) {\\n    const complement = target - nums[i];\\n    if (map.has(complement)) {\\n      return [map.get(complement), i];\\n    }\\n    map.set(nums[i], i);\\n  }\\n  return [];\\n}","reason":"Type the solution function"}]
-
-WHEN TO USE write_code vs type:
-- "write_code" for code blocks, functions, classes, multi-line snippets (> 100 chars)
-- "type" for short answers: numbers, single words, short strings (< 100 chars)
-- "write_code" preserves exact indentation and newlines — no formatting changes
-
-CODE FORMATTING RULES (CRITICAL):
-- Use 2-space indentation. Each nesting level adds exactly 2 more spaces.
-- Function body = 2 spaces, loop body = 4 spaces, if-body = 6 spaces.
-- NEVER use tabs or 4/8-space indentation.
-- Keep code compact: single-line statements when appropriate.
-
-CODE OPTIMIZATION RULES (CRITICAL — for coding problems):
-1. ALWAYS write the most time-efficient solution. Correctness alone is NOT enough.
-2. Prefer O(n) or O(n log n) over O(n²). Never write O(n²) if an O(n) approach exists.
-3. Use HashMap/Set for O(1) lookups instead of nested loops for searching/matching.
-4. Consider space-time tradeoffs — a HashMap is worth the O(n) space for O(n) time.
-5. Avoid unnecessary re-computation — cache results in variables.
-6. Use sliding window, two pointers, or binary search where applicable.
-7. Pre-compute prefix sums, frequency maps, or lookup tables when helpful.
-8. Choose the right data structure:
-   - Deque for sliding window problems
-   - Heap/priority queue for top-K problems
-   - Trie for prefix/string matching problems
-   - Union-Find for connected components
-   - BFS for shortest path, DFS for exploration
-9. NEVER write brute force if an optimized approach exists.
-10. If the problem has constraints (e.g., n <= 10^5), ensure your solution runs within limits.
-
-OPTIMIZATION EXAMPLE:
-Problem: "Given an array of integers, return indices of two numbers that add up to target."
-
-NAIVE (WRONG for efficiency — O(n²) time):
-for (let i = 0; i < nums.length; i++) {
-  for (let j = i + 1; j < nums.length; j++) {
-    if (nums[i] + nums[j] === target) return [i, j];
-  }
-}
-
-OPTIMIZED (CORRECT — O(n) time, O(n) space):
-const map = new Map();
-for (let i = 0; i < nums.length; i++) {
-  const complement = target - nums[i];
-  if (map.has(complement)) return [map.get(complement), i];
-  map.set(nums[i], i);
-}
-return [];
-
-Available actions:
-- click: {action:"click", elementIndex:number} — click to check/uncheck/select
-- type: {action:"type", elementIndex:number, text:string} — type short input (< 100 chars)
-- write_code: {action:"write_code", elementIndex:number, code:string} — write code block (> 100 chars), preserves exact indentation
-- scroll: {action:"scroll", delta:number} — scroll up (-) or down (+)
-- press: {action:"press", key:string} — press Enter, Tab, etc.
-- done: {action:"done", summary:string} — all visible questions answered correctly
-
-ERROR CORRECTION (CRITICAL):
-- Check <page_context> for "Errors on screen" after each action
-- If errors are visible (wrong answer, validation error, "Incorrect", "Wrong Answer", "Error"), FIX THEM immediately
-- For text inputs with errors: clear and retype the correct answer
-- For code editors with errors: retype the correct code using write_code
-- For radio/checkbox with errors: click the correct option
-- NEVER return "done" if errors are visible on screen
-- Keep running until ALL questions are answered correctly with NO errors
-
-CORRECTION MODE:
-- The <page_context> block shows the current editor content — compare it to the expected answer
-- If editor content is WRONG or INCOMPLETE, type the CORRECT code to replace it
-- If you previously typed wrong code, use write_code to replace with correct code
-- You may be asked the same question multiple times — each time, check if the current answer is correct before acting
-
-PERSONAL QUESTIONS — SKIP THEM:
-- NEVER type answers for questions asking: name, email, phone, address, SSN, password, credit card, date of birth, or any personal information
-- If a question asks for personal info, do NOT click or type — skip it entirely
-- If ALL remaining questions are personal, return done
-
-RESPONSE FORMAT RULES (CRITICAL — follow exactly):
-- Return ONLY a valid JSON array. No explanations, no markdown fences, no extra text.
-- The response MUST be parseable by JSON.parse(). Test mentally: is your output valid JSON?
-- For type actions with code: the text field is a JSON string. Escape special characters:
-  * Newlines → \\n (backslash + n, NOT a literal newline)
-  * Quotes → \\" (backslash + quote)
-  * Backslashes → \\\\ (double backslash)
-  * Tabs → \\t
-- WRONG: {"text":"function foo() {\n  return 1;}"}
-- RIGHT: {"text":"function foo() {\\n  return 1;}"}
-- WRONG: {"text":"say "hello""}
-- RIGHT: {"text":"say \\"hello\\""}
-- NEVER put raw newlines or unescaped quotes inside the text string.
+const SYSTEM_PROMPT = `You are a browser automation agent. A screenshot and a grouped list of interactive elements are attached.
+
+Your task: identify unanswered questions and answer them by clicking the correct elements.
+
+RULES (STRICT):
+1. NEVER click Next, Submit, Back, Save, Continue, or any navigation. ONLY answer questions on the current screen.
+2. NEVER ask for help. If uncertain, pick the BEST GUESS. Always decide — never wait.
+3. Handle MULTIPLE unanswered questions in a SINGLE response.
+4. NEVER return done unless you have VERIFIED every single question is answered. See VERIFICATION CHECKLIST below.
+5. NEVER answer personal questions — see PERSONAL QUESTIONS section below.
+
+VERIFICATION CHECKLIST (MANDATORY before returning done):
+Before returning done, you MUST check EVERY question group:
+- Radio questions: exactly ONE option must be selected (checked). If none selected → you MUST pick an answer.
+- Checkbox questions: ALL correct options must be checked. If any correct option is missing → you MUST check it.
+- Text input questions: the input must have a non-empty value. If empty → you MUST type an answer.
+If ANY question fails this check, you MUST answer it — NEVER return done with unanswered questions.
+If you return done while questions are unanswered, the task will FAIL. You will be retried.
+
+QUESTION TYPES AND STATUS:
+- radio (single answer): Only ONE option can be correct.
+  * "unanswered" → click the best answer
+  * "answered (X selected, can change)" → if you think X is WRONG, click a DIFFERENT option (browser auto-deselects the old one)
+  * Only return done if you're confident the selected answer is correct
+
+- checkbox (MULTIPLE answers possible): MULTIPLE options can be correct.
+  * "unanswered" → click ALL correct answers
+  * "partially answered (N/M checked, can add/remove)" → if wrong answers are checked, click them AGAIN to uncheck. If correct answers are missing, click them to check.
+  * Clicking a [CHECKED] element unchecks it. Clicking an unchecked element checks it.
+
+- text input: Type the answer into the field.
+  * "unanswered" → type the answer
+  * "answered (has input, can edit)" → clear and retype if wrong
+
+MULTI-SELECT EXAMPLE (checkbox with 2 correct, 1 wrong currently checked):
+[{"action":"click","elementIndex":4,"reason":"Uncheck wrong answer"},
+ {"action":"click","elementIndex":2,"reason":"Check correct answer A"},
+ {"action":"click","elementIndex":5,"reason":"Check correct answer C"}]
+
+RADIO CHANGE EXAMPLE (radio has wrong answer selected):
+[{"action":"click","elementIndex":1,"reason":"Change to correct answer B"}]
+
+COMBINED EXAMPLE:
+[{"action":"click","elementIndex":1,"reason":"Q1: select B (radio)"},
+ {"action":"click","elementIndex":4,"reason":"Q2: uncheck wrong"},
+ {"action":"click","elementIndex":5,"reason":"Q2: check correct"},
+ {"action":"type","elementIndex":9,"text":"42","reason":"Q3: fill answer"}]
+
+CODE TYPE EXAMPLE (typing code into an editor — note escaped newlines and quotes):
+[{"action":"type","elementIndex":5,"text":"function twoSum(nums: number[], target: number): number[] {\\n  const map = new Map<number, number>();\\n  for (let i = 0; i < nums.length; i++) {\\n    const complement = target - nums[i];\\n    if (map.has(complement)) {\\n      return [map.get(complement), i];\\n    }\\n    map.set(nums[i], i);\\n  }\\n  return [];\\n}","reason":"Type the solution function"}]
+
+WRITE_CODE EXAMPLE (large code blocks — preferred for code > 100 chars):
+[{"action":"write_code","elementIndex":5,"code":"function twoSum(nums: number[], target: number): number[] {\\n  const map = new Map<number, number>();\\n  for (let i = 0; i < nums.length; i++) {\\n    const complement = target - nums[i];\\n    if (map.has(complement)) {\\n      return [map.get(complement), i];\\n    }\\n    map.set(nums[i], i);\\n  }\\n  return [];\\n}","reason":"Type the solution function"}]
+
+WHEN TO USE write_code vs type:
+- "write_code" for code blocks, functions, classes, multi-line snippets (> 100 chars)
+- "type" for short answers: numbers, single words, short strings (< 100 chars)
+- "write_code" preserves exact indentation and newlines — no formatting changes
+
+CODE FORMATTING RULES (CRITICAL):
+- Use 2-space indentation. Each nesting level adds exactly 2 more spaces.
+- Function body = 2 spaces, loop body = 4 spaces, if-body = 6 spaces.
+- NEVER use tabs or 4/8-space indentation.
+- Keep code compact: single-line statements when appropriate.
+
+CODE OPTIMIZATION RULES (CRITICAL — for coding problems):
+1. ALWAYS write the most time-efficient solution. Correctness alone is NOT enough.
+2. Prefer O(n) or O(n log n) over O(n²). Never write O(n²) if an O(n) approach exists.
+3. Use HashMap/Set for O(1) lookups instead of nested loops for searching/matching.
+4. Consider space-time tradeoffs — a HashMap is worth the O(n) space for O(n) time.
+5. Avoid unnecessary re-computation — cache results in variables.
+6. Use sliding window, two pointers, or binary search where applicable.
+7. Pre-compute prefix sums, frequency maps, or lookup tables when helpful.
+8. Choose the right data structure:
+   - Deque for sliding window problems
+   - Heap/priority queue for top-K problems
+   - Trie for prefix/string matching problems
+   - Union-Find for connected components
+   - BFS for shortest path, DFS for exploration
+9. NEVER write brute force if an optimized approach exists.
+10. If the problem has constraints (e.g., n <= 10^5), ensure your solution runs within limits.
+
+OPTIMIZATION EXAMPLE:
+Problem: "Given an array of integers, return indices of two numbers that add up to target."
+
+NAIVE (WRONG for efficiency — O(n²) time):
+for (let i = 0; i < nums.length; i++) {
+  for (let j = i + 1; j < nums.length; j++) {
+    if (nums[i] + nums[j] === target) return [i, j];
+  }
+}
+
+OPTIMIZED (CORRECT — O(n) time, O(n) space):
+const map = new Map();
+for (let i = 0; i < nums.length; i++) {
+  const complement = target - nums[i];
+  if (map.has(complement)) return [map.get(complement), i];
+  map.set(nums[i], i);
+}
+return [];
+
+Available actions:
+- click: {action:"click", elementIndex:number} — click to check/uncheck/select
+- type: {action:"type", elementIndex:number, text:string} — type short input (< 100 chars)
+- write_code: {action:"write_code", elementIndex:number, code:string} — write code block (> 100 chars), preserves exact indentation
+- scroll: {action:"scroll", delta:number} — scroll up (-) or down (+)
+- press: {action:"press", key:string} — press Enter, Tab, etc.
+- done: {action:"done", summary:string} — all visible questions answered correctly
+
+ERROR CORRECTION (CRITICAL):
+- Check <page_context> for "Errors on screen" after each action
+- If errors are visible (wrong answer, validation error, "Incorrect", "Wrong Answer", "Error"), FIX THEM immediately
+- For text inputs with errors: clear and retype the correct answer
+- For code editors with errors: retype the correct code using write_code
+- For radio/checkbox with errors: click the correct option
+- NEVER return "done" if errors are visible on screen
+- Keep running until ALL questions are answered correctly with NO errors
+
+CORRECTION MODE:
+- The <page_context> block shows the current editor content — compare it to the expected answer
+- If editor content is WRONG or INCOMPLETE, type the CORRECT code to replace it
+- If you previously typed wrong code, use write_code to replace with correct code
+- You may be asked the same question multiple times — each time, check if the current answer is correct before acting
+
+PERSONAL QUESTIONS — SKIP THEM:
+- NEVER type answers for questions asking: name, email, phone, address, SSN, password, credit card, date of birth, or any personal information
+- If a question asks for personal info, do NOT click or type — skip it entirely
+- If ALL remaining questions are personal, return done
+
+RESPONSE FORMAT RULES (CRITICAL — follow exactly):
+- Return ONLY a valid JSON array. No explanations, no markdown fences, no extra text.
+- The response MUST be parseable by JSON.parse(). Test mentally: is your output valid JSON?
+- For type actions with code: the text field is a JSON string. Escape special characters:
+  * Newlines → \\n (backslash + n, NOT a literal newline)
+  * Quotes → \\" (backslash + quote)
+  * Backslashes → \\\\ (double backslash)
+  * Tabs → \\t
+- WRONG: {"text":"function foo() {\n  return 1;}"}
+- RIGHT: {"text":"function foo() {\\n  return 1;}"}
+- WRONG: {"text":"say "hello""}
+- RIGHT: {"text":"say \\"hello\\""}
+- NEVER put raw newlines or unescaped quotes inside the text string.
 - If you need to explain your reasoning, use the "reason" field, NOT the "text" field.`;
 async function cmdBrowse(flags) {
     const autoAnswer = flags.get('auto-answer') === 'true';
@@ -264,21 +269,35 @@ async function cmdBrowse(flags) {
     if (!browserAgentKey) {
         console.error('[browse] Access denied. A valid browser agent key is required.');
         console.error('[browse] Set --key <ts_ba_...> or BROWSER_AGENT_KEY env var.');
-        console.error('[browse] Keys are issued by superadmin at /admin/tools.');
+        console.error('[browse] Keys are issued by an admin under Admin → Browser Keys.');
         process.exitCode = 1;
         return;
     }
-    // Validate key against backend
+    // Validate key against backend. Prefer the agent-bound browser-key endpoint
+    // (expiry + max-uses aware); fall back to the legacy per-user key endpoint.
     const apiUrl = flags.get('api-url') ?? process.env.TEAMSHARE_API_URL ?? 'https://api.teamshare.name.ng';
     try {
-        const res = await fetch(`${apiUrl}/tools/validate-browser-key`, {
+        let res = await fetch(`${apiUrl}/tools/browser-agent/validate`, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({ key: browserAgentKey }),
         });
+        if (res.status === 404) {
+            res = await fetch(`${apiUrl}/tools/validate-browser-key`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ key: browserAgentKey }),
+            });
+        }
         if (!res.ok) {
-            console.error('[browse] Invalid or expired browser agent key.');
-            console.error('[browse] Contact your superadmin to get a valid key at /admin/tools.');
+            let code = '';
+            try {
+                const err = (await res.json());
+                code = err?.error?.code ?? '';
+            }
+            catch { /* ignore */ }
+            console.error(`[browse] Invalid browser agent key${code ? ` (${code})` : ''}.`);
+            console.error('[browse] Ask an admin to issue a new key under Admin → Browser Keys.');
             process.exitCode = 1;
             return;
         }
@@ -296,7 +315,7 @@ async function cmdBrowse(flags) {
     const continuous = flags.has('continuous');
     const maxActions = continuous ? Number.MAX_SAFE_INTEGER : parseInt(flags.get('max-actions') ?? '50', 10);
     const intervalMs = parseInt(flags.get('interval') ?? '2000', 10);
-    const modelSpec = flags.get('model') ?? 'mimo:mimo-v2.5';
+    const modelSpec = flags.get('model') ?? models_1.DEFAULT_VISION_MODEL;
     const timeoutSec = Math.min(Math.max(parseInt(flags.get('timeout') ?? '300', 10), 30), 600);
     const timeoutMs = timeoutSec * 1000;
     const quality = Math.min(Math.max(parseInt(flags.get('quality') ?? '78', 10), 50), 100);
@@ -305,11 +324,21 @@ async function cmdBrowse(flags) {
     const optimize = flags.has('optimize');
     const stealth = flags.has('stealth');
     const hybrid = flags.has('hybrid');
-    // Resolve LLM endpoint
-    const resolved = (0, models_1.resolveModel)(modelSpec, process.env.LLM_BASE_URL);
-    const apiKey = (0, models_1.resolveApiKeyForProvider)(modelSpec);
+    const autoLaunch = flags.has('auto-launch');
+    const headless = flags.has('headless');
+    const profileName = flags.get('profile') ?? undefined;
+    const baseUrlOverride = flags.get('base-url') ?? undefined;
+    // Resolve LLM endpoint (direct OpenAI-compatible call; opencode Zen is
+    // direct-callable, opencode-go/anthropic remain harness-only).
+    const resolved = (0, models_1.resolveBrowseModel)(modelSpec, process.env.LLM_BASE_URL, baseUrlOverride);
+    if (resolved.harnessOnly) {
+        console.error(`[browse] Model "${modelSpec}" is harness-only and cannot be used for a direct vision loop. Pick a direct model (e.g. mimo:mimo-v2.5, gemini:gemini-3.5-flash, opencode/gemini-3.5-flash).`);
+        process.exitCode = 1;
+        return;
+    }
+    const apiKey = flags.get('api-key') ?? (0, models_1.resolveApiKeyForProvider)(modelSpec);
     if (!apiKey) {
-        console.error(`[browse] No API key for model "${modelSpec}". Set the provider env var or LLM_API_KEY.`);
+        console.error(`[browse] No API key for model "${modelSpec}". Provide one on the run form, set the provider env var, or LLM_API_KEY.`);
         process.exitCode = 1;
         return;
     }
@@ -327,6 +356,27 @@ async function cmdBrowse(flags) {
     if (!stealth) {
         console.log(`[browse] Max consecutive failures: ${maxConsecutiveFailures === 0 ? 'unlimited' : maxConsecutiveFailures}`);
     }
+    // ── Auto-launch the debug browser (persistent profile) when asked ──
+    if (autoLaunch) {
+        try {
+            if (await (0, cdp_1.isChromeReachable)(port)) {
+                console.log(`[browse] Reusing the debug Chrome already on port ${port}`);
+            }
+            else {
+                const userDataDir = profileName
+                    ? (0, node_path_1.join)((0, node_os_1.homedir)(), '.teamshare', 'chrome-profiles', profileName)
+                    : session_1.DEFAULT_BROWSER_PROFILE_DIR;
+                const instance = await (0, launch_1.launchChrome)({ port, headless, userDataDir });
+                console.log(`[browse] Launched Chrome on port ${instance.port} (${headless ? 'headless' : 'visible'}) profile=${userDataDir}`);
+            }
+        }
+        catch (err) {
+            console.error(`[browse] Could not launch Chrome: ${(0, config_1.msg)(err)}`);
+            console.error('[browse] Start it manually: teamshare-agent browser start --port ' + port);
+            process.exitCode = 1;
+            return;
+        }
+    }
     // ── Stealth mode: bypass CDP entirely ──
     if (stealth) {
         await runStealthLoop(baseUrl, apiKey, model, maxActions, intervalMs, timeoutMs, charDelayMs, continuous);
@@ -340,7 +390,7 @@ async function cmdBrowse(flags) {
     }
     catch (err) {
         console.error(`[browse] Failed to connect: ${(0, config_1.msg)(err)}`);
-        console.error('[browse] Make sure Chrome is running with --remote-debugging-port=' + port);
+        console.error('[browse] Start the browser with: teamshare-agent browser start --port ' + port);
         process.exitCode = 1;
         return;
     }
@@ -359,24 +409,24 @@ async function cmdBrowse(flags) {
     //   console.debug(obj); if(window.__detected) → CDP is serializing args
     // Countermeasure: wrap console methods to prevent deep serialization.
     try {
-        await cdpEval(page, `
-      (() => {
-        const CK = Symbol('__ts_cp');
-        if (window[CK]) return;
-        const wrap = (fn) => function(...args) {
-          return fn.apply(console, args.map(a => {
-            if (a && typeof a === 'object' && typeof a !== 'function') {
-              try { return Object.assign(Array.isArray(a) ? [] : {}, a); } catch { return a; }
-            }
-            return a;
-          }));
-        };
-        console.debug = wrap(console.debug);
-        console.log = wrap(console.log);
-        console.warn = wrap(console.warn);
-        console.error = wrap(console.error);
-        window[CK] = true;
-      })()
+        await cdpEval(page, `
+      (() => {
+        const CK = Symbol('__ts_cp');
+        if (window[CK]) return;
+        const wrap = (fn) => function(...args) {
+          return fn.apply(console, args.map(a => {
+            if (a && typeof a === 'object' && typeof a !== 'function') {
+              try { return Object.assign(Array.isArray(a) ? [] : {}, a); } catch { return a; }
+            }
+            return a;
+          }));
+        };
+        console.debug = wrap(console.debug);
+        console.log = wrap(console.log);
+        console.warn = wrap(console.warn);
+        console.error = wrap(console.error);
+        window[CK] = true;
+      })()
     `);
     }
     catch { /* non-critical */ }
@@ -390,73 +440,73 @@ async function cmdBrowse(flags) {
     // Debounces mutations (500ms) to batch rapid changes.
     // Stealth: uses Symbol-keyed property (invisible to Object.keys / anti-bot scans).
     try {
-        await cdpEval(page, `
-      (() => {
-        const KEY = Symbol('__ts_obs');
-        if (window[KEY]) return 'already attached';
-        const IGNORE = /timer|countdown|elapsed|clock|animation|animate|transition|spinner|progress|loading|toast|notification|alert|banner|snackbar|cookie|consent|modal|overlay|popup|tooltip|badge|tag|avatar|icon|svg|img|video|audio|canvas|font|stylesheet|script|meta|link|head/i;
-        let timer = null;
-        let lastText = '';
-        function getText() {
-          const els = document.querySelectorAll('input[type="radio"],input[type="checkbox"],input[type="text"],input[type="email"],input[type="password"],textarea,label,button');
-          return [...els].map(e => {
-            const t = (e.innerText || e.textContent || '').trim().replace(/\\s+/g, ' ').slice(0, 200);
-            return e.type + '|' + t + '|' + (e.checked || false);
-          }).join('\\n');
-        }
-        function check() {
-          try {
-            const curr = getText();
-            if (curr === lastText) return;
-            const prev = lastText;
-            lastText = curr;
-            const prevGroups = prev ? prev.split('\\n').filter(Boolean) : [];
-            const currGroups = curr.split('\\n').filter(Boolean);
-            const prevSet = new Set(prevGroups);
-            const currSet = new Set(currGroups);
-            let removed = 0, changed = 0;
-            for (const g of prevGroups) {
-              if (!currSet.has(g)) {
-                if (prevGroups.indexOf(g) < currGroups.length) changed++;
-                else removed++;
-              }
-            }
-            const added = currGroups.filter(g => !prevSet.has(g)).length;
-            const score = added * 10 + removed * 10 + changed * 8;
-            if (score >= 15) {
-              window[KEY].changed = Date.now();
-            }
-          } catch {}
-        }
-        const obs = new MutationObserver((mutations) => {
-          let hasRelevant = false;
-          for (const m of mutations) {
-            if (m.target instanceof Element) {
-              const tag = m.target.tagName;
-              if (tag === 'SCRIPT' || tag === 'STYLE' || tag === 'HEAD') continue;
-              const cls = m.target.className || '';
-              if (typeof cls === 'string' && IGNORE.test(cls)) continue;
-              const id = m.target.id || '';
-              if (IGNORE.test(id)) continue;
-              if (m.type === 'characterData' && m.target.parentElement) {
-                const ptag = m.target.parentElement.tagName;
-                if (ptag === 'SCRIPT' || ptag === 'STYLE') continue;
-              }
-            }
-            hasRelevant = true;
-          }
-          if (hasRelevant) {
-            clearTimeout(timer);
-            timer = setTimeout(check, 500);
-          }
-        });
-        obs.observe(document.body || document.documentElement, {
-          childList: true, subtree: true, characterData: true
-        });
-        window[KEY] = { observer: obs, changed: 0 };
-        lastText = getText();
-        return 'ok';
-      })()
+        await cdpEval(page, `
+      (() => {
+        const KEY = Symbol('__ts_obs');
+        if (window[KEY]) return 'already attached';
+        const IGNORE = /timer|countdown|elapsed|clock|animation|animate|transition|spinner|progress|loading|toast|notification|alert|banner|snackbar|cookie|consent|modal|overlay|popup|tooltip|badge|tag|avatar|icon|svg|img|video|audio|canvas|font|stylesheet|script|meta|link|head/i;
+        let timer = null;
+        let lastText = '';
+        function getText() {
+          const els = document.querySelectorAll('input[type="radio"],input[type="checkbox"],input[type="text"],input[type="email"],input[type="password"],textarea,label,button');
+          return [...els].map(e => {
+            const t = (e.innerText || e.textContent || '').trim().replace(/\\s+/g, ' ').slice(0, 200);
+            return e.type + '|' + t + '|' + (e.checked || false);
+          }).join('\\n');
+        }
+        function check() {
+          try {
+            const curr = getText();
+            if (curr === lastText) return;
+            const prev = lastText;
+            lastText = curr;
+            const prevGroups = prev ? prev.split('\\n').filter(Boolean) : [];
+            const currGroups = curr.split('\\n').filter(Boolean);
+            const prevSet = new Set(prevGroups);
+            const currSet = new Set(currGroups);
+            let removed = 0, changed = 0;
+            for (const g of prevGroups) {
+              if (!currSet.has(g)) {
+                if (prevGroups.indexOf(g) < currGroups.length) changed++;
+                else removed++;
+              }
+            }
+            const added = currGroups.filter(g => !prevSet.has(g)).length;
+            const score = added * 10 + removed * 10 + changed * 8;
+            if (score >= 15) {
+              window[KEY].changed = Date.now();
+            }
+          } catch {}
+        }
+        const obs = new MutationObserver((mutations) => {
+          let hasRelevant = false;
+          for (const m of mutations) {
+            if (m.target instanceof Element) {
+              const tag = m.target.tagName;
+              if (tag === 'SCRIPT' || tag === 'STYLE' || tag === 'HEAD') continue;
+              const cls = m.target.className || '';
+              if (typeof cls === 'string' && IGNORE.test(cls)) continue;
+              const id = m.target.id || '';
+              if (IGNORE.test(id)) continue;
+              if (m.type === 'characterData' && m.target.parentElement) {
+                const ptag = m.target.parentElement.tagName;
+                if (ptag === 'SCRIPT' || ptag === 'STYLE') continue;
+              }
+            }
+            hasRelevant = true;
+          }
+          if (hasRelevant) {
+            clearTimeout(timer);
+            timer = setTimeout(check, 500);
+          }
+        });
+        obs.observe(document.body || document.documentElement, {
+          childList: true, subtree: true, characterData: true
+        });
+        window[KEY] = { observer: obs, changed: 0 };
+        lastText = getText();
+        return 'ok';
+      })()
     `);
         console.log('[browse] MutationObserver injected (stealth, debounced, filtered)');
     }
@@ -752,17 +802,17 @@ async function cmdBrowse(flags) {
                     extractPageContext(page),
                 ]);
                 if (newScreenshot) {
-                    const optResult = await analyzeScreenshotWithPrompt(baseUrl, apiKey, model, newScreenshot, newElements, newPageContext, timeoutMs, 1, 1, `You are a code optimization expert. The code in the editor is CORRECT but may not be EFFICIENT.
-
-Review the code and check:
-1. Is it the most time-efficient approach? (O(n log n) or better?)
-2. Are there better data structures to use?
-3. Can nested loops be replaced with HashMap/Set lookups?
-4. Can the solution be optimized with sliding window, two pointers, or binary search?
-
-If the code is ALREADY optimal (top-tier efficiency), return: [{"action":"done","summary":"Code is already optimal"}]
-
-If you can optimize it, return the FULL optimized code using write_code. Focus ONLY on performance — do not change correctness.
+                    const optResult = await analyzeScreenshotWithPrompt(baseUrl, apiKey, model, newScreenshot, newElements, newPageContext, timeoutMs, 1, 1, `You are a code optimization expert. The code in the editor is CORRECT but may not be EFFICIENT.
+
+Review the code and check:
+1. Is it the most time-efficient approach? (O(n log n) or better?)
+2. Are there better data structures to use?
+3. Can nested loops be replaced with HashMap/Set lookups?
+4. Can the solution be optimized with sliding window, two pointers, or binary search?
+
+If the code is ALREADY optimal (top-tier efficiency), return: [{"action":"done","summary":"Code is already optimal"}]
+
+If you can optimize it, return the FULL optimized code using write_code. Focus ONLY on performance — do not change correctness.
 Do NOT simplify variable names or change the function signature. Only optimize the algorithm.`, page);
                     if (optResult.actions.length > 0 && optResult.actions[0].action !== 'done') {
                         const optAct = optResult.actions[0];
@@ -975,158 +1025,158 @@ async function captureScreenshot(page, quality) {
  * bounding boxes, state, and question group assignments.
  */
 async function extractElements(page) {
-    const js = `
-    (() => {
-      const els = [];
-      const sels = [
-        'input[type="radio"]', 'input[type="checkbox"]',
-        'input[type="text"]', 'input[type="email"]', 'input[type="password"]',
-        'input:not([type])',
-        'textarea', 'select', 'button', 'a',
-        '[role="radio"]', '[role="checkbox"]', '[role="button"]',
-        '[role="option"]', '[role="tab"]', '[role="menuitem"]',
-        'label',
-        // Code editor hidden textareas + contenteditable surfaces
-        '.monaco-editor textarea.inputarea',
-        '.CodeMirror textarea',
-        '.cm-content[contenteditable="true"]',
-        '.ace_editor textarea.ace_text-input',
-        '.ql-editor',
-        '.ProseMirror[contenteditable="true"]',
-        '.DraftEditor-root [contenteditable="true"]',
-        '.ck-editor__editable[contenteditable="true"]',
-      ];
-
-      // First pass: collect all elements with their positions
-      const raw = [];
-      document.querySelectorAll(sels.join(',')).forEach((el) => {
-        const rect = el.getBoundingClientRect();
-        if (rect.width === 0 || rect.height === 0) return;
-        if (el.offsetParent === null && getComputedStyle(el).position !== 'fixed') return;
-        const text = (el.innerText || el.textContent || '').trim().replace(/\s+/g, ' ').slice(0, 500);
-        if (!text && el.tagName !== 'INPUT') return;
-        raw.push({
-          el,
-          text,
-          tag: el.tagName.toLowerCase(),
-          type: el.type || el.getAttribute('role') || '',
-          checked: el.checked || el.getAttribute('aria-checked') === 'true' || false,
-          x: Math.round(rect.x + rect.width / 2),
-          y: Math.round(rect.y + rect.height / 2),
-          inViewport: rect.bottom >= 0 && rect.top <= window.innerHeight && rect.right >= 0 && rect.left <= window.innerWidth,
-          groupId: null,
-        });
-      });
-
-      // Group by common parent (fieldset, div with question/quiz in class, etc.)
-      let groupCounter = 0;
-      const parentGroupMap = new Map();
-
-      for (const item of raw) {
-        if (item.el.type !== 'radio' && item.el.type !== 'checkbox') continue;
-        // Walk up to find a group container
-        let parent = item.el.parentElement;
-        let foundGroup = null;
-        for (let depth = 0; depth < 8 && parent; depth++) {
-          const cls = (parent.className || '').toLowerCase();
-          const id = (parent.id || '').toLowerCase();
-          const tag = parent.tagName.toLowerCase();
-          if (
-            tag === 'fieldset' ||
-            cls.includes('question') || cls.includes('quiz') || cls.includes('option') ||
-            cls.includes('choice') || cls.includes('answer') || cls.includes('group') ||
-            id.includes('question') || id.includes('quiz')
-          ) {
-            const key = parent;
-            if (parentGroupMap.has(key)) {
-              foundGroup = parentGroupMap.get(key);
-              break;
-            } else {
-              foundGroup = groupCounter++;
-              parentGroupMap.set(key, foundGroup);
-              break;
-            }
-          }
-          parent = parent.parentElement;
-        }
-        if (foundGroup !== null) {
-          item.groupId = foundGroup;
-        }
-      }
-
-      // For ungrouped radios/checkboxes, group by proximity (same Y ± 60px)
-      const ungrouped = raw.filter(e => (e.el.type === 'radio' || e.el.type === 'checkbox') && e.groupId === null);
-      ungrouped.sort((a, b) => a.y - b.y);
-      for (const item of ungrouped) {
-        // Check if close to an existing group
-        let matched = false;
-        for (const other of raw) {
-          if (other.groupId === null || other === item) continue;
-          if (other.el.type !== item.el.type) continue;
-          if (Math.abs(other.y - item.y) < 60) {
-            item.groupId = other.groupId;
-            matched = true;
-            break;
-          }
-        }
-        if (!matched) {
-          item.groupId = groupCounter++;
-        }
-      }
-
-      // Assign remaining ungrouped elements (non-radio/checkbox)
-      for (const item of raw) {
-        if (item.groupId === null) {
-          item.groupId = groupCounter++;
-        }
-      }
-
-      // Extract question text from group containers (label/legend/parent text)
-      const groupQuestionText = new Map();
-      for (const item of raw) {
-        if (item.groupId === null) continue;
-        if (groupQuestionText.has(item.groupId)) continue;
-        // Walk up from the element to find the group container
-        let parent = item.el.parentElement;
-        for (let depth = 0; depth < 8 && parent; depth++) {
-          const tag = parent.tagName.toLowerCase();
-          // Check for label/legend within the container
-          const label = parent.querySelector('label, legend, [class*="question"], [class*="prompt"], [class*="label"]');
-          if (label && label.textContent && label.textContent.trim().length > 5) {
-            const qText = label.innerText.trim().replace(/\\s+/g, ' ').slice(0, 500);
-            groupQuestionText.set(item.groupId, qText);
-            break;
-          }
-          // Also try the container's own text if it's a fieldset/legend pattern
-          if (tag === 'fieldset') {
-            const legend = parent.querySelector('legend');
-            if (legend && legend.textContent) {
-              groupQuestionText.set(item.groupId, legend.innerText.trim().replace(/\\s+/g, ' ').slice(0, 500));
-              break;
-            }
-          }
-          parent = parent.parentElement;
-        }
-      }
-
-      // Build final list
-      raw.forEach((item, i) => {
-        els.push({
-          i,
-          tag: item.tag,
-          type: item.type,
-          text: item.text,
-          questionText: groupQuestionText.get(item.groupId) || '',
-          checked: item.checked,
-          x: item.x,
-          y: item.y,
-          group: item.groupId,
-          inViewport: item.inViewport,
-        });
-      });
-
-      return els;
-    })()
+    const js = `
+    (() => {
+      const els = [];
+      const sels = [
+        'input[type="radio"]', 'input[type="checkbox"]',
+        'input[type="text"]', 'input[type="email"]', 'input[type="password"]',
+        'input:not([type])',
+        'textarea', 'select', 'button', 'a',
+        '[role="radio"]', '[role="checkbox"]', '[role="button"]',
+        '[role="option"]', '[role="tab"]', '[role="menuitem"]',
+        'label',
+        // Code editor hidden textareas + contenteditable surfaces
+        '.monaco-editor textarea.inputarea',
+        '.CodeMirror textarea',
+        '.cm-content[contenteditable="true"]',
+        '.ace_editor textarea.ace_text-input',
+        '.ql-editor',
+        '.ProseMirror[contenteditable="true"]',
+        '.DraftEditor-root [contenteditable="true"]',
+        '.ck-editor__editable[contenteditable="true"]',
+      ];
+
+      // First pass: collect all elements with their positions
+      const raw = [];
+      document.querySelectorAll(sels.join(',')).forEach((el) => {
+        const rect = el.getBoundingClientRect();
+        if (rect.width === 0 || rect.height === 0) return;
+        if (el.offsetParent === null && getComputedStyle(el).position !== 'fixed') return;
+        const text = (el.innerText || el.textContent || '').trim().replace(/\s+/g, ' ').slice(0, 500);
+        if (!text && el.tagName !== 'INPUT') return;
+        raw.push({
+          el,
+          text,
+          tag: el.tagName.toLowerCase(),
+          type: el.type || el.getAttribute('role') || '',
+          checked: el.checked || el.getAttribute('aria-checked') === 'true' || false,
+          x: Math.round(rect.x + rect.width / 2),
+          y: Math.round(rect.y + rect.height / 2),
+          inViewport: rect.bottom >= 0 && rect.top <= window.innerHeight && rect.right >= 0 && rect.left <= window.innerWidth,
+          groupId: null,
+        });
+      });
+
+      // Group by common parent (fieldset, div with question/quiz in class, etc.)
+      let groupCounter = 0;
+      const parentGroupMap = new Map();
+
+      for (const item of raw) {
+        if (item.el.type !== 'radio' && item.el.type !== 'checkbox') continue;
+        // Walk up to find a group container
+        let parent = item.el.parentElement;
+        let foundGroup = null;
+        for (let depth = 0; depth < 8 && parent; depth++) {
+          const cls = (parent.className || '').toLowerCase();
+          const id = (parent.id || '').toLowerCase();
+          const tag = parent.tagName.toLowerCase();
+          if (
+            tag === 'fieldset' ||
+            cls.includes('question') || cls.includes('quiz') || cls.includes('option') ||
+            cls.includes('choice') || cls.includes('answer') || cls.includes('group') ||
+            id.includes('question') || id.includes('quiz')
+          ) {
+            const key = parent;
+            if (parentGroupMap.has(key)) {
+              foundGroup = parentGroupMap.get(key);
+              break;
+            } else {
+              foundGroup = groupCounter++;
+              parentGroupMap.set(key, foundGroup);
+              break;
+            }
+          }
+          parent = parent.parentElement;
+        }
+        if (foundGroup !== null) {
+          item.groupId = foundGroup;
+        }
+      }
+
+      // For ungrouped radios/checkboxes, group by proximity (same Y ± 60px)
+      const ungrouped = raw.filter(e => (e.el.type === 'radio' || e.el.type === 'checkbox') && e.groupId === null);
+      ungrouped.sort((a, b) => a.y - b.y);
+      for (const item of ungrouped) {
+        // Check if close to an existing group
+        let matched = false;
+        for (const other of raw) {
+          if (other.groupId === null || other === item) continue;
+          if (other.el.type !== item.el.type) continue;
+          if (Math.abs(other.y - item.y) < 60) {
+            item.groupId = other.groupId;
+            matched = true;
+            break;
+          }
+        }
+        if (!matched) {
+          item.groupId = groupCounter++;
+        }
+      }
+
+      // Assign remaining ungrouped elements (non-radio/checkbox)
+      for (const item of raw) {
+        if (item.groupId === null) {
+          item.groupId = groupCounter++;
+        }
+      }
+
+      // Extract question text from group containers (label/legend/parent text)
+      const groupQuestionText = new Map();
+      for (const item of raw) {
+        if (item.groupId === null) continue;
+        if (groupQuestionText.has(item.groupId)) continue;
+        // Walk up from the element to find the group container
+        let parent = item.el.parentElement;
+        for (let depth = 0; depth < 8 && parent; depth++) {
+          const tag = parent.tagName.toLowerCase();
+          // Check for label/legend within the container
+          const label = parent.querySelector('label, legend, [class*="question"], [class*="prompt"], [class*="label"]');
+          if (label && label.textContent && label.textContent.trim().length > 5) {
+            const qText = label.innerText.trim().replace(/\\s+/g, ' ').slice(0, 500);
+            groupQuestionText.set(item.groupId, qText);
+            break;
+          }
+          // Also try the container's own text if it's a fieldset/legend pattern
+          if (tag === 'fieldset') {
+            const legend = parent.querySelector('legend');
+            if (legend && legend.textContent) {
+              groupQuestionText.set(item.groupId, legend.innerText.trim().replace(/\\s+/g, ' ').slice(0, 500));
+              break;
+            }
+          }
+          parent = parent.parentElement;
+        }
+      }
+
+      // Build final list
+      raw.forEach((item, i) => {
+        els.push({
+          i,
+          tag: item.tag,
+          type: item.type,
+          text: item.text,
+          questionText: groupQuestionText.get(item.groupId) || '',
+          checked: item.checked,
+          x: item.x,
+          y: item.y,
+          group: item.groupId,
+          inViewport: item.inViewport,
+        });
+      });
+
+      return els;
+    })()
   `;
     try {
         const result = await cdpEval(page, js);
@@ -1476,19 +1526,19 @@ async function clearEditor(page) {
 /** Read current editor content from Monaco/CM5/CM6/Ace. */
 async function readEditorContent(page) {
     try {
-        const result = await cdpEval(page, `
-        (() => {
-          const monacoNs = typeof monaco !== 'undefined' ? monaco : window.monaco;
-          const editors = monacoNs?.editor?.getEditors?.() || [];
-          if (editors.length > 0) return editors[0].getValue();
-          const cm6 = document.querySelector('.cm-content');
-          if (cm6?.cmView?.view) return cm6.cmView.view.state.doc.toString();
-          const cm5 = document.querySelector('.CodeMirror')?.CodeMirror;
-          if (cm5) return cm5.getValue();
-          const ace = document.querySelector('.ace_editor')?.env?.editor;
-          if (ace) return ace.getValue();
-          return '';
-        })()
+        const result = await cdpEval(page, `
+        (() => {
+          const monacoNs = typeof monaco !== 'undefined' ? monaco : window.monaco;
+          const editors = monacoNs?.editor?.getEditors?.() || [];
+          if (editors.length > 0) return editors[0].getValue();
+          const cm6 = document.querySelector('.cm-content');
+          if (cm6?.cmView?.view) return cm6.cmView.view.state.doc.toString();
+          const cm5 = document.querySelector('.CodeMirror')?.CodeMirror;
+          if (cm5) return cm5.getValue();
+          const ace = document.querySelector('.ace_editor')?.env?.editor;
+          if (ace) return ace.getValue();
+          return '';
+        })()
       `);
         return result?.result?.value ?? '';
     }
@@ -1499,26 +1549,26 @@ async function readEditorContent(page) {
 /** Scroll an off-screen element into view before clicking. */
 async function scrollElementIntoView(page, el) {
     const textSlice = el.text?.slice(0, 100) || '';
-    await cdpEval(page, `
-      (() => {
-        const sels = [
-          'input[type="radio"]', 'input[type="checkbox"]',
-          'input[type="text"]', 'input[type="email"]', 'input[type="password"]',
-          'input:not([type])', 'textarea', 'select', 'button', 'a',
-          '[role="radio"]', '[role="checkbox"]', '[role="button"]',
-          '[role="option"]', '[role="tab"]', '[role="menuitem"]', 'label',
-        ];
-        const all = [...document.querySelectorAll(sels.join(','))];
-        const target = all.find(el => {
-          const t = (el.innerText || el.textContent || '').trim().replace(/\\s+/g, ' ').slice(0, 100);
-          return t === ${JSON.stringify(textSlice)};
-        });
-        if (target) {
-          target.scrollIntoView({ behavior: 'instant', block: 'center' });
-          return true;
-        }
-        return false;
-      })()
+    await cdpEval(page, `
+      (() => {
+        const sels = [
+          'input[type="radio"]', 'input[type="checkbox"]',
+          'input[type="text"]', 'input[type="email"]', 'input[type="password"]',
+          'input:not([type])', 'textarea', 'select', 'button', 'a',
+          '[role="radio"]', '[role="checkbox"]', '[role="button"]',
+          '[role="option"]', '[role="tab"]', '[role="menuitem"]', 'label',
+        ];
+        const all = [...document.querySelectorAll(sels.join(','))];
+        const target = all.find(el => {
+          const t = (el.innerText || el.textContent || '').trim().replace(/\\s+/g, ' ').slice(0, 100);
+          return t === ${JSON.stringify(textSlice)};
+        });
+        if (target) {
+          target.scrollIntoView({ behavior: 'instant', block: 'center' });
+          return true;
+        }
+        return false;
+      })()
     `);
     await sleep(300);
 }
@@ -1602,27 +1652,27 @@ async function isActionRedundant(baseUrl, apiKey, model, page, elements, action,
     }
     // Ask the LLM to judge
     console.log(`[browse] Code is ${matchPercent}% similar — asking LLM to judge...`);
-    const prompt = `You are a code comparison expert. Two versions of code are provided.
-
-CURRENT editor content (truncated to first 500 chars):
-\`\`\`
-${currentContent.slice(0, 500)}
-\`\`\`
-
-TARGET code to write (truncated to first 500 chars):
-\`\`\`
-${targetCode.slice(0, 500)}
-\`\`\`
-
-The user wants to write the TARGET code into the editor.
-
-TASK: Compare these two code versions. Are they semantically the same (same logic, same algorithm)? Ignore whitespace, formatting, variable naming differences. Focus on LOGIC.
-
-Return EXACTLY one JSON object:
-- {"decision":"skip","reason":"..."} — if the current code is already correct (same logic)
-- {"decision":"partial","reason":"..."} — if mostly correct, only small changes needed
-- {"decision":"full","reason":"..."} — if completely different code is needed
-
+    const prompt = `You are a code comparison expert. Two versions of code are provided.
+
+CURRENT editor content (truncated to first 500 chars):
+\`\`\`
+${currentContent.slice(0, 500)}
+\`\`\`
+
+TARGET code to write (truncated to first 500 chars):
+\`\`\`
+${targetCode.slice(0, 500)}
+\`\`\`
+
+The user wants to write the TARGET code into the editor.
+
+TASK: Compare these two code versions. Are they semantically the same (same logic, same algorithm)? Ignore whitespace, formatting, variable naming differences. Focus on LOGIC.
+
+Return EXACTLY one JSON object:
+- {"decision":"skip","reason":"..."} — if the current code is already correct (same logic)
+- {"decision":"partial","reason":"..."} — if mostly correct, only small changes needed
+- {"decision":"full","reason":"..."} — if completely different code is needed
+
 Return ONLY the JSON. No other text.`;
     try {
         const body = {
@@ -1780,25 +1830,25 @@ async function insertIntoCodeEditor(page, selector, text, charDelayMs) {
     });
     await sleep(100);
     // Disable ALL auto-formatting to prevent cascading indentation
-    await cdpEval(page, `
-      (() => {
-        const monacoNs = typeof monaco !== 'undefined' ? monaco : window.monaco;
-        monacoNs?.editor?.getEditors?.().forEach(e => e.updateOptions({
-          autoIndent: false,
-          formatOnType: false,
-          autoClosingBrackets: 'never',
-          autoSurround: 'never',
-          tabSize: 2,
-          detectIndentation: false,
-        }));
-        const cm5 = document.querySelector('.CodeMirror')?.CodeMirror;
-        if (cm5) cm5.setOption('electricChars', false);
-        const ace = document.querySelector('.ace_editor')?.env?.editor;
-        if (ace) {
-          ace.setOption('autoScrollEditorIntoView', false);
-          ace.setOption(' behavioursEnabled', false);
-        }
-      })()
+    await cdpEval(page, `
+      (() => {
+        const monacoNs = typeof monaco !== 'undefined' ? monaco : window.monaco;
+        monacoNs?.editor?.getEditors?.().forEach(e => e.updateOptions({
+          autoIndent: false,
+          formatOnType: false,
+          autoClosingBrackets: 'never',
+          autoSurround: 'never',
+          tabSize: 2,
+          detectIndentation: false,
+        }));
+        const cm5 = document.querySelector('.CodeMirror')?.CodeMirror;
+        if (cm5) cm5.setOption('electricChars', false);
+        const ace = document.querySelector('.ace_editor')?.env?.editor;
+        if (ace) {
+          ace.setOption('autoScrollEditorIntoView', false);
+          ace.setOption(' behavioursEnabled', false);
+        }
+      })()
     `);
     // Smart retry: check if editor already has the correct code
     const currentContent = await readEditorContent(page);
@@ -1860,19 +1910,19 @@ async function insertIntoCodeEditor(page, selector, text, charDelayMs) {
     // Post-typing: detect and remove extra trailing brackets
     await removeTrailingBrackets(page);
     // Re-enable auto-formatting
-    await cdpEval(page, `
-      (() => {
-        const monacoNs = typeof monaco !== 'undefined' ? monaco : window.monaco;
-        monacoNs?.editor?.getEditors?.().forEach(e => e.updateOptions({
-          autoIndent: true,
-          formatOnType: true,
-          autoClosingBrackets: 'languageDefined',
-          autoSurround: 'languageDefined',
-          detectIndentation: true,
-        }));
-        const cm5 = document.querySelector('.CodeMirror')?.CodeMirror;
-        if (cm5) cm5.setOption('electricChars', true);
-      })()
+    await cdpEval(page, `
+      (() => {
+        const monacoNs = typeof monaco !== 'undefined' ? monaco : window.monaco;
+        monacoNs?.editor?.getEditors?.().forEach(e => e.updateOptions({
+          autoIndent: true,
+          formatOnType: true,
+          autoClosingBrackets: 'languageDefined',
+          autoSurround: 'languageDefined',
+          detectIndentation: true,
+        }));
+        const cm5 = document.querySelector('.CodeMirror')?.CodeMirror;
+        if (cm5) cm5.setOption('electricChars', true);
+      })()
     `);
     console.log(`[browse] Typing complete (${text.length} chars)`);
 }
@@ -1933,85 +1983,85 @@ async function insertIntoGenericInput(page, el, text, charDelayMs) {
  * This gives the LLM full visibility into what's on screen.
  */
 async function extractPageContext(page) {
-    const js = `
-    (() => {
-      const ctx = [];
-      // Title + URL
-      ctx.push('Title: ' + (document.title || 'unknown'));
-      ctx.push('URL: ' + window.location.href);
-      // Headings
-      const headings = [...document.querySelectorAll('h1,h2,h3,h4,h5,h6')]
-        .map(h => h.textContent?.trim())
-        .filter(Boolean)
-        .slice(0, 10);
-      if (headings.length) ctx.push('Headings: ' + JSON.stringify(headings));
-      // Errors / alerts / toasts / notifications
-      const errSels = [
-        '[role="alert"]', '[role="status"]',
-        '[class*="error"]', '[class*="Error"]',
-        '[class*="toast"]', '[class*="Toast"]',
-        '[class*="alert"]', '[class*="Alert"]',
-        '[class*="banner"]', '[class*="Banner"]',
-        '[class*="notification"]', '[class*="Notification"]',
-        '[class*="danger"]', '[class*="warning"]',
-        '[class*="inline-error"]', '[class*="field-error"]',
-        '[class*="form-error"]', '[class*="validation-error"]',
-        '[data-sonner-toaster] [data-sonner-toast]',
-        '.alert-danger', '.alert-warning', '.alert-error',
-        '.text-red', '.text-danger', '.text-error',
-        '[class*="err-msg"]', '[class*="error-msg"]', '[class*="error-message"]',
-      ];
-      const errors = [];
-      document.querySelectorAll(errSels.join(',')).forEach(el => {
-        const text = el.innerText?.trim().replace(/\\s+/g, ' ').slice(0, 200);
-        if (text && text.length > 2) errors.push(text);
-      });
-      if (errors.length) {
-        ctx.push('Errors on screen:');
-        errors.slice(0, 5).forEach(e => ctx.push('  - ' + e));
-      }
-      // Code editor content
-      let editorContent = null;
-      // Monaco
-      const monacoNs = typeof monaco !== 'undefined' ? monaco : window.monaco;
-      const editors = monacoNs?.editor?.getEditors?.() || [];
-      if (editors.length > 0) editorContent = editors[0].getValue();
-      // CodeMirror 6
-      if (!editorContent) {
-        const cm6 = document.querySelector('.cm-content');
-        if (cm6?.cmView?.view) editorContent = cm6.cmView.view.state.doc.toString();
-      }
-      // CodeMirror 5
-      if (!editorContent) {
-        const cm5 = document.querySelector('.CodeMirror')?.CodeMirror;
-        if (cm5) editorContent = cm5.getValue();
-      }
-      // Ace
-      if (!editorContent) {
-        const ace = document.querySelector('.ace_editor')?.env?.editor;
-        if (ace) editorContent = ace.getValue();
-      }
-      if (editorContent && editorContent.trim().length > 0) {
-        ctx.push('Editor content (' + editorContent.length + ' chars):');
-        ctx.push(editorContent.slice(0, 1500));
-        if (editorContent.length > 1500) ctx.push('... (truncated)');
-      }
-      // Problem description (LeetCode, HackerRank, etc.)
-      const descSels = [
-        '[class*="problem-description"]', '[class*="question-text"]',
-        '[data-track-load="description_content"]', '.markdown-body',
-        '[class*="content"]', '[class*="prose"]', '[class*="description"]',
-      ];
-      for (const sel of descSels) {
-        const el = document.querySelector(sel);
-        if (el && el.innerText && el.innerText.trim().length > 20) {
-          ctx.push('Problem description:');
-          ctx.push(el.innerText.trim().slice(0, 3000));
-          break;
-        }
-      }
-      return ctx.join('\\n');
-    })()
+    const js = `
+    (() => {
+      const ctx = [];
+      // Title + URL
+      ctx.push('Title: ' + (document.title || 'unknown'));
+      ctx.push('URL: ' + window.location.href);
+      // Headings
+      const headings = [...document.querySelectorAll('h1,h2,h3,h4,h5,h6')]
+        .map(h => h.textContent?.trim())
+        .filter(Boolean)
+        .slice(0, 10);
+      if (headings.length) ctx.push('Headings: ' + JSON.stringify(headings));
+      // Errors / alerts / toasts / notifications
+      const errSels = [
+        '[role="alert"]', '[role="status"]',
+        '[class*="error"]', '[class*="Error"]',
+        '[class*="toast"]', '[class*="Toast"]',
+        '[class*="alert"]', '[class*="Alert"]',
+        '[class*="banner"]', '[class*="Banner"]',
+        '[class*="notification"]', '[class*="Notification"]',
+        '[class*="danger"]', '[class*="warning"]',
+        '[class*="inline-error"]', '[class*="field-error"]',
+        '[class*="form-error"]', '[class*="validation-error"]',
+        '[data-sonner-toaster] [data-sonner-toast]',
+        '.alert-danger', '.alert-warning', '.alert-error',
+        '.text-red', '.text-danger', '.text-error',
+        '[class*="err-msg"]', '[class*="error-msg"]', '[class*="error-message"]',
+      ];
+      const errors = [];
+      document.querySelectorAll(errSels.join(',')).forEach(el => {
+        const text = el.innerText?.trim().replace(/\\s+/g, ' ').slice(0, 200);
+        if (text && text.length > 2) errors.push(text);
+      });
+      if (errors.length) {
+        ctx.push('Errors on screen:');
+        errors.slice(0, 5).forEach(e => ctx.push('  - ' + e));
+      }
+      // Code editor content
+      let editorContent = null;
+      // Monaco
+      const monacoNs = typeof monaco !== 'undefined' ? monaco : window.monaco;
+      const editors = monacoNs?.editor?.getEditors?.() || [];
+      if (editors.length > 0) editorContent = editors[0].getValue();
+      // CodeMirror 6
+      if (!editorContent) {
+        const cm6 = document.querySelector('.cm-content');
+        if (cm6?.cmView?.view) editorContent = cm6.cmView.view.state.doc.toString();
+      }
+      // CodeMirror 5
+      if (!editorContent) {
+        const cm5 = document.querySelector('.CodeMirror')?.CodeMirror;
+        if (cm5) editorContent = cm5.getValue();
+      }
+      // Ace
+      if (!editorContent) {
+        const ace = document.querySelector('.ace_editor')?.env?.editor;
+        if (ace) editorContent = ace.getValue();
+      }
+      if (editorContent && editorContent.trim().length > 0) {
+        ctx.push('Editor content (' + editorContent.length + ' chars):');
+        ctx.push(editorContent.slice(0, 1500));
+        if (editorContent.length > 1500) ctx.push('... (truncated)');
+      }
+      // Problem description (LeetCode, HackerRank, etc.)
+      const descSels = [
+        '[class*="problem-description"]', '[class*="question-text"]',
+        '[data-track-load="description_content"]', '.markdown-body',
+        '[class*="content"]', '[class*="prose"]', '[class*="description"]',
+      ];
+      for (const sel of descSels) {
+        const el = document.querySelector(sel);
+        if (el && el.innerText && el.innerText.trim().length > 20) {
+          ctx.push('Problem description:');
+          ctx.push(el.innerText.trim().slice(0, 3000));
+          break;
+        }
+      }
+      return ctx.join('\\n');
+    })()
   `;
     try {
         const result = await cdpEval(page, js);
@@ -2026,27 +2076,27 @@ async function extractPageContext(page) {
  * Returns the editor type and the CSS selector to focus.
  */
 async function detectEditor(page) {
-    const js = `
-    (() => {
-      // Order matters — most specific first
-      if (document.querySelector('.monaco-editor textarea.inputarea'))
-        return { type: 'monaco', selector: '.monaco-editor textarea.inputarea' };
-      if (document.querySelector('.CodeMirror textarea'))
-        return { type: 'cm5', selector: '.CodeMirror textarea' };
-      if (document.querySelector('.cm-content[contenteditable="true"]'))
-        return { type: 'cm6', selector: '.cm-content[contenteditable="true"]' };
-      if (document.querySelector('.ace_editor textarea.ace_text-input'))
-        return { type: 'ace', selector: '.ace_editor textarea.ace_text-input' };
-      if (document.querySelector('.ql-editor'))
-        return { type: 'quill', selector: '.ql-editor' };
-      if (document.querySelector('.ProseMirror[contenteditable="true"]'))
-        return { type: 'prosemirror', selector: '.ProseMirror[contenteditable="true"]' };
-      if (document.querySelector('.DraftEditor-root [contenteditable="true"]'))
-        return { type: 'draft', selector: '.DraftEditor-root [contenteditable="true"]' };
-      if (document.querySelector('.ck-editor__editable[contenteditable="true"]'))
-        return { type: 'ck5', selector: '.ck-editor__editable[contenteditable="true"]' };
-      return null;
-    })()
+    const js = `
+    (() => {
+      // Order matters — most specific first
+      if (document.querySelector('.monaco-editor textarea.inputarea'))
+        return { type: 'monaco', selector: '.monaco-editor textarea.inputarea' };
+      if (document.querySelector('.CodeMirror textarea'))
+        return { type: 'cm5', selector: '.CodeMirror textarea' };
+      if (document.querySelector('.cm-content[contenteditable="true"]'))
+        return { type: 'cm6', selector: '.cm-content[contenteditable="true"]' };
+      if (document.querySelector('.ace_editor textarea.ace_text-input'))
+        return { type: 'ace', selector: '.ace_editor textarea.ace_text-input' };
+      if (document.querySelector('.ql-editor'))
+        return { type: 'quill', selector: '.ql-editor' };
+      if (document.querySelector('.ProseMirror[contenteditable="true"]'))
+        return { type: 'prosemirror', selector: '.ProseMirror[contenteditable="true"]' };
+      if (document.querySelector('.DraftEditor-root [contenteditable="true"]'))
+        return { type: 'draft', selector: '.DraftEditor-root [contenteditable="true"]' };
+      if (document.querySelector('.ck-editor__editable[contenteditable="true"]'))
+        return { type: 'ck5', selector: '.ck-editor__editable[contenteditable="true"]' };
+      return null;
+    })()
   `;
     try {
         const result = await cdpEval(page, js);
@@ -2316,27 +2366,27 @@ async function analyzeScreenshot(baseUrl, apiKey, model, screenshotBase64, eleme
         }
         if (!screenChanged) {
             try {
-                const flagResult = await cdpEval(page, `
-            (() => {
-              const syms = Object.getOwnPropertySymbols(window);
-              for (const s of syms) {
-                if (s.description === '__ts_obs') return window[s]?.changed || 0;
-              }
-              return 0;
-            })()
+                const flagResult = await cdpEval(page, `
+            (() => {
+              const syms = Object.getOwnPropertySymbols(window);
+              for (const s of syms) {
+                if (s.description === '__ts_obs') return window[s]?.changed || 0;
+              }
+              return 0;
+            })()
           `);
                 const flagTs = flagResult?.result?.value;
                 if (flagTs && flagTs > startTime) {
                     screenChanged = true;
                     console.log(`[browse] DOM mutation detected (${elapsed}s) — aborting LLM`);
                     // Reset flag
-                    await cdpEval(page, `
-              (() => {
-                const syms = Object.getOwnPropertySymbols(window);
-                for (const s of syms) {
-                  if (s.description === '__ts_obs') { window[s].changed = 0; return; }
-                }
-              })()
+                    await cdpEval(page, `
+              (() => {
+                const syms = Object.getOwnPropertySymbols(window);
+                for (const s of syms) {
+                  if (s.description === '__ts_obs') { window[s].changed = 0; return; }
+                }
+              })()
             `);
                 }
             }
@@ -2448,14 +2498,14 @@ async function analyzeScreenshotWithPrompt(baseUrl, apiKey, model, screenshotBas
     const heartbeat = setInterval(async () => {
         const elapsed = Math.round((Date.now() - startTime) / 1000);
         try {
-            const flagResult = await cdpEval(page, `
-          (() => {
-            const syms = Object.getOwnPropertySymbols(window);
-            for (const s of syms) {
-              if (s.description === '__ts_obs') return window[s]?.changed || 0;
-            }
-            return 0;
-          })()
+            const flagResult = await cdpEval(page, `
+          (() => {
+            const syms = Object.getOwnPropertySymbols(window);
+            for (const s of syms) {
+              if (s.description === '__ts_obs') return window[s]?.changed || 0;
+            }
+            return 0;
+          })()
         `);
             const flagTs = flagResult?.result?.value;
             if (flagTs && flagTs > startTime) {