@lasso-ai/cli 2.1.3 → 2.1.6

package/dist/overlay.js

@@ -9668,6 +9668,21 @@
       position: relative;
     }
 
+    .lasso-model-chevron {
+      flex: 0 0 16px;
+      width: 16px;
+      height: 16px;
+      opacity: 0.72;
+      transition: transform 160ms ease, opacity 160ms ease;
+    }
+
+    .lasso-prompt-model[aria-expanded="true"] .lasso-model-chevron,
+    .lasso-command-model-btn[aria-expanded="true"] .lasso-model-chevron,
+    .lasso-cli-subgroup-header[aria-expanded="true"] .lasso-model-chevron {
+      transform: rotate(180deg);
+      opacity: 1;
+    }
+
     .lasso-prompt-model {
       height: 28px;
       max-width: 190px;
@@ -9786,7 +9801,7 @@
       cursor: pointer;
     }
     .lasso-cli-subgroup-header:hover { background: var(--lo-surface-hover); color: var(--lo-text); }
-    .lasso-cli-subgroup-chevron { color: var(--lo-text-3); font-size: 13px; line-height: 10px; }
+    .lasso-cli-subgroup-chevron { color: var(--lo-text-3); }
     .lasso-cli-subgroup-items { padding-left: 6px; }
 
     .lasso-model-item-icon {
@@ -19563,130 +19578,6 @@
     return escapeHtml3(value2);
   }
 
-  // src/overlay/browser/context.ts
-  var import_html2canvas = __toESM(require_html2canvas());
-  async function capturePageContext() {
-    const url2 = window.location.href;
-    const route = window.location.pathname + window.location.search;
-    const title = document.title || "Untitled Page";
-    const doc = document.documentElement;
-    const viewport = {
-      width: window.innerWidth,
-      height: window.innerHeight,
-      scrollX: window.scrollX || window.pageXOffset || 0,
-      scrollY: window.scrollY || window.pageYOffset || 0,
-      scrollHeight: doc.scrollHeight
-    };
-    const headings = [];
-    const headingEls = document.querySelectorAll("h1, h2, h3, h4");
-    for (const el of headingEls) {
-      if (el.closest("#lasso-root")) continue;
-      const text = (el.textContent || "").trim().replace(/\s+/g, " ");
-      if (text) {
-        const level = parseInt(el.tagName.replace(/h/i, ""), 10) || 2;
-        headings.push({ level, text: text.slice(0, 120) });
-        if (headings.length >= 15) break;
-      }
-    }
-    const sections = [];
-    const sectionEls = document.querySelectorAll(
-      "header, nav, main, section, article, footer, [role='banner'], [role='main'], [role='navigation'], [id*='hero'], [class*='hero'], [id*='feature'], [class*='feature'], [id*='pricing'], [class*='pricing'], [id*='testimonial'], [class*='testimonial']"
-    );
-    for (const el of sectionEls) {
-      if (el.closest("#lasso-root")) continue;
-      const tag = el.tagName.toLowerCase();
-      const id = el.id ? `#${el.id}` : "";
-      const ariaLabel = el.getAttribute("aria-label");
-      const name = ariaLabel ? `${tag} (${ariaLabel})` : id ? `${tag}${id}` : tag;
-      const textPreview = (el.textContent || "").trim().replace(/\s+/g, " ").slice(0, 160);
-      if (textPreview && !sections.some((s) => s.textPreview === textPreview)) {
-        sections.push({ name, textPreview });
-        if (sections.length >= 12) break;
-      }
-    }
-    const buttons = [];
-    const buttonEls = document.querySelectorAll("button, a[role='button'], input[type='button'], input[type='submit'], a.btn, a[class*='button']");
-    for (const el of buttonEls) {
-      if (el.closest("#lasso-root")) continue;
-      const text = (el.textContent || el.value || "").trim().replace(/\s+/g, " ");
-      if (text && !buttons.includes(text)) {
-        buttons.push(text.slice(0, 50));
-        if (buttons.length >= 12) break;
-      }
-    }
-    const links = [];
-    const linkEls = document.querySelectorAll("nav a, header a, a.nav-link");
-    for (const el of linkEls) {
-      if (el.closest("#lasso-root")) continue;
-      const text = (el.textContent || "").trim().replace(/\s+/g, " ");
-      if (text && !links.includes(text) && !buttons.includes(text)) {
-        links.push(text.slice(0, 40));
-        if (links.length >= 10) break;
-      }
-    }
-    const inputs = [];
-    const inputEls = document.querySelectorAll("input:not([type='hidden']), textarea, select");
-    for (const el of inputEls) {
-      if (el.closest("#lasso-root")) continue;
-      const type = (el.getAttribute("type") || el.tagName.toLowerCase()).slice(0, 20);
-      const placeholder = el.getAttribute("placeholder")?.slice(0, 60);
-      inputs.push({ type, placeholder });
-      if (inputs.length >= 8) break;
-    }
-    const bodyClone = document.body ? document.body.cloneNode(true) : null;
-    if (bodyClone) {
-      const lassoRoot = bodyClone.querySelector("#lasso-root");
-      if (lassoRoot) lassoRoot.remove();
-    }
-    const bodyText = (bodyClone?.innerText || document.body?.innerText || "").replace(/\s+/g, " ").slice(0, 1500);
-    let selectedElement = void 0;
-    if (state.selected && !state.selected.closest("#lasso-root")) {
-      const el = state.selected;
-      selectedElement = {
-        tag: el.tagName.toLowerCase(),
-        id: el.id || void 0,
-        classes: Array.from(el.classList),
-        text: (el.textContent || "").trim().slice(0, 100),
-        source: el.getAttribute("data-source") || el.getAttribute("data-lasso-source") || void 0
-      };
-    }
-    let screenshot = void 0;
-    try {
-      const options = {
-        backgroundColor: null,
-        useCORS: true,
-        logging: false,
-        scale: 0.6,
-        ignoreElements: (node) => node.id === "lasso-root" || Boolean(node.closest?.("#lasso-root"))
-      };
-      const canvasPromise = (0, import_html2canvas.default)(document.body, options);
-      const timeoutPromise = new Promise((r) => setTimeout(() => r(null), 1200));
-      const canvas = await Promise.race([canvasPromise, timeoutPromise]);
-      if (canvas && typeof canvas.toDataURL === "function") {
-        screenshot = canvas.toDataURL("image/jpeg", 0.65);
-      }
-    } catch (err) {
-      console.warn("[lasso] visual snapshot failed:", err);
-    }
-    return {
-      url: url2,
-      route,
-      title,
-      viewport,
-      screenshot,
-      runtimeErrors: [...state.runtimeErrors],
-      domSummary: {
-        headings,
-        sections,
-        buttons,
-        links,
-        inputs,
-        visibleTextSnippet: bodyText
-      },
-      selectedElement
-    };
-  }
-
   // src/overlay/commandbar/commandbar.ts
   var commandBarEl = null;
   var commandInput = null;
@@ -20076,10 +19967,10 @@
       ></textarea>
       <div class="lasso-command-input-toolbar">
         <div class="lasso-command-model-select">
-          <button class="lasso-command-model-btn" type="button" aria-label="Select model">
+          <button class="lasso-command-model-btn" type="button" aria-label="Select model" aria-expanded="false" aria-haspopup="listbox">
             <span class="lasso-command-model-icon"></span>
             <span class="lasso-command-model-label"></span>
-            <svg class="lasso-command-model-chevron" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <svg class="lasso-model-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
               <path d="M6 9l6 6 6-6"/>
             </svg>
           </button>
@@ -20152,7 +20043,7 @@
       if (!commandHistoryPopover) return;
       const isHidden = commandHistoryPopover.hidden;
       if (isHidden) {
-        if (commandModelMenu) commandModelMenu.hidden = true;
+        setCommandModelMenuOpen(false);
         commandHistoryPopover.hidden = false;
         commandHistoryBtn?.classList.add("active");
         await loadConversationList();
@@ -20168,6 +20059,11 @@
       if (!item?.dataset.convId) return;
       await switchConversation(item.dataset.convId);
     });
+    const setCommandModelMenuOpen = (open) => {
+      if (!commandModelMenu || !commandModelBtn) return;
+      commandModelMenu.hidden = !open;
+      commandModelBtn.setAttribute("aria-expanded", String(open));
+    };
     commandModelBtn.addEventListener("click", (event) => {
       event.preventDefault();
       event.stopPropagation();
@@ -20176,11 +20072,11 @@
         commandHistoryBtn?.classList.remove("active");
       }
       if (commandModelMenu) {
-        const willOpen = commandModelMenu.hidden;
+        const willOpen = commandModelMenu?.hidden === true;
         if (willOpen) {
           populateModelMenu();
         }
-        commandModelMenu.hidden = !willOpen;
+        setCommandModelMenuOpen(willOpen);
       }
     });
     commandModelMenu.addEventListener("click", (event) => {
@@ -20202,7 +20098,7 @@
         commandModelLabel.textContent = found.label;
       }
       populateModelMenu();
-      if (commandModelMenu) commandModelMenu.hidden = true;
+      setCommandModelMenuOpen(false);
     });
     document.addEventListener("click", (event) => {
       const path = event.composedPath ? event.composedPath() : [];
@@ -20210,7 +20106,7 @@
       if (commandModelMenu && !commandModelMenu.hidden) {
         if (!path.includes(commandModelBtn) && !path.includes(commandModelMenu)) {
           if (!commandModelBtn?.contains(target) && !commandModelMenu?.contains(target)) {
-            commandModelMenu.hidden = true;
+            setCommandModelMenuOpen(false);
           }
         }
       }
@@ -20223,6 +20119,11 @@
         }
       }
     });
+    document.addEventListener("keydown", (event) => {
+      if (event.key !== "Escape" || commandModelMenu?.hidden !== false) return;
+      setCommandModelMenuOpen(false);
+      commandModelBtn?.focus();
+    });
     commandClose.addEventListener("click", (event) => {
       event.preventDefault();
       event.stopPropagation();
@@ -20391,6 +20292,10 @@
   function closeCommandBar() {
     if (!commandBarEl) return;
     commandBarEl.hidden = true;
+    if (commandModelMenu) {
+      commandModelMenu.hidden = true;
+      commandModelBtn?.setAttribute("aria-expanded", "false");
+    }
     isOneShotMode = false;
     getDOM().shadow.querySelector(".command-tool")?.classList.remove("active");
   }
@@ -20511,13 +20416,14 @@
     activeTaskId = taskId2;
     activeStartTime = Date.now();
     const isChat = isConversationalPrompt(prompt);
+    const initialStepTitle = isChat ? "Preparing response\u2026" : "Preparing task\u2026";
     commandMessages.push({
       id: taskId2,
       role: "assistant",
       content: "",
       timestamp: Date.now(),
       thinking: {
-        steps: [{ title: isChat ? "Thinking..." : "Planning your request...", status: "running" }],
+        steps: [{ title: initialStepTitle, status: "running" }],
         durationSeconds: 0,
         completed: false,
         expanded: true
@@ -20548,12 +20454,6 @@
         summary: prompt.slice(0, 120)
       });
     }
-    let pageContext = void 0;
-    try {
-      pageContext = await capturePageContext();
-    } catch (err) {
-      console.warn("[lasso] capturePageContext failed:", err);
-    }
     if (state.bridgeSocket?.readyState === WebSocket.OPEN) {
       state.bridgeSocket.send(
         JSON.stringify({
@@ -20564,8 +20464,13 @@
           scope: "project",
           model: state.selectedModel.id,
           provider: state.selectedModel.provider,
-          messages: commandMessages.filter((m) => m.content && !m.error).map((m) => ({ role: m.role, content: m.content })),
-          pageContext
+          // The current prompt is sent in its dedicated `prompt` field. Keep it
+          // out of history so the model sees it once, not once as history and
+          // once as the active request.
+          messages: commandMessages.map((message, index) => ({ message, index })).filter(({ message, index }) => Boolean(message.content) && !message.error && index !== commandMessages.reduce(
+            (last, item, itemIndex) => item.role === "user" && item.content === prompt ? itemIndex : last,
+            -1
+          )).map(({ message }) => message).map((m) => ({ role: m.role, content: m.content }))
         })
       );
     } else {
@@ -20611,14 +20516,17 @@
           expanded: true
         };
       }
-      for (const step of targetMsg.thinking.steps) {
-        if (step.status === "running") step.status = "completed";
+      const stepTitle = (message.message || "").trim();
+      if (stepTitle && stepTitle !== "Thinking\u2026" && stepTitle !== "Thinking") {
+        for (const step of targetMsg.thinking.steps) {
+          if (step.status === "running") step.status = "completed";
+        }
+        targetMsg.thinking.steps.push({
+          title: stepTitle,
+          detail: message.detail,
+          status: "running"
+        });
       }
-      targetMsg.thinking.steps.push({
-        title: message.message,
-        detail: message.detail,
-        status: "running"
-      });
       renderMessages();
       scrollToBottom();
     } else if (message.status === "review" || message.status === "complete") {
@@ -21583,6 +21491,130 @@
     }
   }
 
+  // src/overlay/browser/context.ts
+  var import_html2canvas = __toESM(require_html2canvas());
+  async function capturePageContext() {
+    const url2 = window.location.href;
+    const route = window.location.pathname + window.location.search;
+    const title = document.title || "Untitled Page";
+    const doc = document.documentElement;
+    const viewport = {
+      width: window.innerWidth,
+      height: window.innerHeight,
+      scrollX: window.scrollX || window.pageXOffset || 0,
+      scrollY: window.scrollY || window.pageYOffset || 0,
+      scrollHeight: doc.scrollHeight
+    };
+    const headings = [];
+    const headingEls = document.querySelectorAll("h1, h2, h3, h4");
+    for (const el of headingEls) {
+      if (el.closest("#lasso-root")) continue;
+      const text = (el.textContent || "").trim().replace(/\s+/g, " ");
+      if (text) {
+        const level = parseInt(el.tagName.replace(/h/i, ""), 10) || 2;
+        headings.push({ level, text: text.slice(0, 120) });
+        if (headings.length >= 15) break;
+      }
+    }
+    const sections = [];
+    const sectionEls = document.querySelectorAll(
+      "header, nav, main, section, article, footer, [role='banner'], [role='main'], [role='navigation'], [id*='hero'], [class*='hero'], [id*='feature'], [class*='feature'], [id*='pricing'], [class*='pricing'], [id*='testimonial'], [class*='testimonial']"
+    );
+    for (const el of sectionEls) {
+      if (el.closest("#lasso-root")) continue;
+      const tag = el.tagName.toLowerCase();
+      const id = el.id ? `#${el.id}` : "";
+      const ariaLabel = el.getAttribute("aria-label");
+      const name = ariaLabel ? `${tag} (${ariaLabel})` : id ? `${tag}${id}` : tag;
+      const textPreview = (el.textContent || "").trim().replace(/\s+/g, " ").slice(0, 160);
+      if (textPreview && !sections.some((s) => s.textPreview === textPreview)) {
+        sections.push({ name, textPreview });
+        if (sections.length >= 12) break;
+      }
+    }
+    const buttons = [];
+    const buttonEls = document.querySelectorAll("button, a[role='button'], input[type='button'], input[type='submit'], a.btn, a[class*='button']");
+    for (const el of buttonEls) {
+      if (el.closest("#lasso-root")) continue;
+      const text = (el.textContent || el.value || "").trim().replace(/\s+/g, " ");
+      if (text && !buttons.includes(text)) {
+        buttons.push(text.slice(0, 50));
+        if (buttons.length >= 12) break;
+      }
+    }
+    const links = [];
+    const linkEls = document.querySelectorAll("nav a, header a, a.nav-link");
+    for (const el of linkEls) {
+      if (el.closest("#lasso-root")) continue;
+      const text = (el.textContent || "").trim().replace(/\s+/g, " ");
+      if (text && !links.includes(text) && !buttons.includes(text)) {
+        links.push(text.slice(0, 40));
+        if (links.length >= 10) break;
+      }
+    }
+    const inputs = [];
+    const inputEls = document.querySelectorAll("input:not([type='hidden']), textarea, select");
+    for (const el of inputEls) {
+      if (el.closest("#lasso-root")) continue;
+      const type = (el.getAttribute("type") || el.tagName.toLowerCase()).slice(0, 20);
+      const placeholder = el.getAttribute("placeholder")?.slice(0, 60);
+      inputs.push({ type, placeholder });
+      if (inputs.length >= 8) break;
+    }
+    const bodyClone = document.body ? document.body.cloneNode(true) : null;
+    if (bodyClone) {
+      const lassoRoot = bodyClone.querySelector("#lasso-root");
+      if (lassoRoot) lassoRoot.remove();
+    }
+    const bodyText = (bodyClone?.innerText || document.body?.innerText || "").replace(/\s+/g, " ").slice(0, 1500);
+    let selectedElement = void 0;
+    if (state.selected && !state.selected.closest("#lasso-root")) {
+      const el = state.selected;
+      selectedElement = {
+        tag: el.tagName.toLowerCase(),
+        id: el.id || void 0,
+        classes: Array.from(el.classList),
+        text: (el.textContent || "").trim().slice(0, 100),
+        source: el.getAttribute("data-source") || el.getAttribute("data-lasso-source") || void 0
+      };
+    }
+    let screenshot = void 0;
+    try {
+      const options = {
+        backgroundColor: null,
+        useCORS: true,
+        logging: false,
+        scale: 0.6,
+        ignoreElements: (node) => node.id === "lasso-root" || Boolean(node.closest?.("#lasso-root"))
+      };
+      const canvasPromise = (0, import_html2canvas.default)(document.body, options);
+      const timeoutPromise = new Promise((r) => setTimeout(() => r(null), 1200));
+      const canvas = await Promise.race([canvasPromise, timeoutPromise]);
+      if (canvas && typeof canvas.toDataURL === "function") {
+        screenshot = canvas.toDataURL("image/jpeg", 0.65);
+      }
+    } catch (err) {
+      console.warn("[lasso] visual snapshot failed:", err);
+    }
+    return {
+      url: url2,
+      route,
+      title,
+      viewport,
+      screenshot,
+      runtimeErrors: [...state.runtimeErrors],
+      domSummary: {
+        headings,
+        sections,
+        buttons,
+        links,
+        inputs,
+        visibleTextSnippet: bodyText
+      },
+      selectedElement
+    };
+  }
+
   // src/overlay/bridge/bridge.ts
   function reportRuntimeError(details, notifyBridge = true) {
     const clean = details.slice(0, 1200);
@@ -21647,6 +21679,10 @@
       state.bridgeSocket.addEventListener("message", (event) => {
         try {
           const message = JSON.parse(event.data);
+          if (message.type === "page_context_request" && message.requestId) {
+            void capturePageContext().then((pageContext) => send({ type: "page_context_response", requestId: message.requestId, pageContext })).catch((error) => send({ type: "page_context_response", requestId: message.requestId, error: error instanceof Error ? error.message : "Unable to capture page context." }));
+            return;
+          }
           if (message.type === "config") {
             state.apiKeyConfigured = Boolean(message.apiKeyConfigured);
             if (message.collab) {
@@ -22211,9 +22247,9 @@ The agent is automatically attempting to fix the build errors...`;
           </button>
 
           <div class="lasso-prompt-model-wrap">
-            <button class="lasso-prompt-model" type="button" aria-label="Choose model">
+            <button class="lasso-prompt-model" type="button" aria-label="Choose model" aria-expanded="false" aria-haspopup="listbox">
               <span class="lasso-prompt-model-name"></span>
-              <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <svg class="lasso-model-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round">
                 <path d="M6 9l6 6 6-6"/>
               </svg>
             </button>
@@ -22381,10 +22417,15 @@ The agent is automatically attempting to fix the build errors...`;
     };
     promptTop.addEventListener("pointerup", stopPromptDrag);
     promptTop.addEventListener("pointercancel", stopPromptDrag);
+    const setModelMenuOpen = (open) => {
+      if (!modelMenu || !modelBtn) return;
+      modelMenu.hidden = !open;
+      modelBtn.setAttribute("aria-expanded", String(open));
+    };
     modelBtn.addEventListener("click", (event) => {
       event.preventDefault();
       event.stopPropagation();
-      if (modelMenu) modelMenu.hidden = !modelMenu.hidden;
+      setModelMenuOpen(modelMenu?.hidden === true);
     });
     modelMenu.addEventListener("click", (event) => {
       event.stopPropagation();
@@ -22401,7 +22442,7 @@ The agent is automatically attempting to fix the build errors...`;
       state.selectedModel = found;
       rememberModel(found);
       syncModelMenu2();
-      if (modelMenu) modelMenu.hidden = true;
+      setModelMenuOpen(false);
     });
     document.addEventListener("click", (event) => {
       if (!modelMenu || modelMenu.hidden) return;
@@ -22409,7 +22450,12 @@ The agent is automatically attempting to fix the build errors...`;
       if (path.includes(modelBtn) || path.includes(modelMenu)) return;
       const target = event.target;
       if (modelBtn?.contains(target) || modelMenu?.contains(target)) return;
-      modelMenu.hidden = true;
+      setModelMenuOpen(false);
+    });
+    document.addEventListener("keydown", (event) => {
+      if (event.key !== "Escape" || modelMenu?.hidden !== false) return;
+      setModelMenuOpen(false);
+      modelBtn?.focus();
     });
     refreshModelMenu();
     promptInput.addEventListener("input", syncSendButtonState);
@@ -22677,7 +22723,7 @@ The agent is automatically attempting to fix the build errors...`;
           subHeader.type = "button";
           subHeader.className = "lasso-cli-subgroup-header";
           subHeader.setAttribute("aria-expanded", String(openCliGroups.has(cliKey)));
-          subHeader.innerHTML = `<span>${providerLabels[cliKey] || cliKey}</span><span class="lasso-cli-subgroup-chevron">${openCliGroups.has(cliKey) ? "\u2303" : "\u2304"}</span>`;
+          subHeader.innerHTML = `<span>${providerLabels[cliKey] || cliKey}</span><svg class="lasso-model-chevron lasso-cli-subgroup-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg>`;
           const subItems = document.createElement("div");
           subItems.className = "lasso-cli-subgroup-items";
           subItems.hidden = !openCliGroups.has(cliKey);
@@ -23156,11 +23202,6 @@ The agent is automatically attempting to fix the build errors...`;
     promptInput.style.height = "auto";
     syncSendButtonState();
     requestAgentNotificationPermission();
-    const isQuestionPrefix = /^(what|why|how|when|where|who|which|explain|describe|tell me about)\b/i.test(instruction);
-    const isImperativeEdit = /\b(can|could|would|please)\s+(you\s+)?(change|edit|update|add|fix|make|replace|remove|install|redesign|switch|swap|set)\b/i.test(instruction);
-    const isConversationalQuestion = (isQuestionPrefix || /\?$/.test(instruction)) && !isImperativeEdit;
-    const isGreeting = /^(hi|hello|hey|thanks|thank you)\b/i.test(instruction) && instruction.split(/\s+/).length <= 4;
-    const wantsAnswer = isConversationalQuestion || isGreeting;
     const bridgeSocket = state.bridgeSocket;
     if (!bridgeSocket || bridgeSocket.readyState !== WebSocket.OPEN) {
       setAgentStatus(
@@ -23169,11 +23210,9 @@ The agent is automatically attempting to fix the build errors...`;
       );
       return;
     }
-    if (!wantsAnswer) {
-      const ownershipGranted = await acquireOwnership(selectedElement);
-      if (!ownershipGranted) return;
-    }
-    if (!wantsAnswer && state.collabSocket?.connected && state.collabJoined) {
+    const ownershipGranted = await acquireOwnership(selectedElement);
+    if (!ownershipGranted) return;
+    if (state.collabSocket?.connected && state.collabJoined) {
       collabEmit("collab:action", {
         sessionId: state.collabProjectId,
         status: "preparing",
@@ -23221,14 +23260,13 @@ The agent is automatically attempting to fix the build errors...`;
       const message = "The Lasso agent bridge disconnected before the task could start.";
       updateAgentTask(task.id, { status: "error", message });
       appendChat("error", message, task.id);
-      if (!wantsAnswer) releaseHeldLock(elementKey(selectedElement));
+      releaseHeldLock(elementKey(selectedElement));
       return;
     }
     bridgeSocket.send(
       JSON.stringify({
-        type: wantsAnswer ? "ask" : "edit",
+        type: "edit",
         taskId: task.id,
-        question: wantsAnswer ? instruction : void 0,
         instruction,
         messages,
         changesHistory,

package/dist/runtime/action-executor.d.ts

@@ -19,7 +19,8 @@ export interface ActionExecutionResult {
 }
 export declare class ActionExecutor {
     private projectPath;
-    constructor(projectPath: string);
+    private browserContextProvider?;
+    constructor(projectPath: string, browserContextProvider?: (action: any) => Promise<any>);
     /**
      * Execute a single action
      */

package/dist/runtime/action-executor.js

@@ -11,8 +11,10 @@ const node_util_1 = require("node:util");
 const exec = (0, node_util_1.promisify)(node_child_process_1.exec);
 class ActionExecutor {
     projectPath;
-    constructor(projectPath) {
+    browserContextProvider;
+    constructor(projectPath, browserContextProvider) {
         this.projectPath = projectPath;
+        this.browserContextProvider = browserContextProvider;
     }
     /**
      * Execute a single action
@@ -340,15 +342,22 @@ class ActionExecutor {
         const { id, data } = action;
         const url = data.url;
         const check = data.check;
-        // TODO: Implement actual browser checking via Puppeteer or similar
+        if (!this.browserContextProvider) {
+            return {
+                success: false,
+                actionId: id,
+                error: "Live browser context is unavailable because no overlay is connected.",
+            };
+        }
+        const pageContext = await this.browserContextProvider(action);
         return {
             success: true,
             actionId: id,
-            output: { url, check, result: "pending" },
+            output: { url, check, pageContext },
             observation: {
                 type: "browser",
-                summary: `Browser check pending: ${url}`,
-                data: { url, check },
+                summary: `Captured live browser context${url ? ` for ${url}` : ""}`,
+                data: { url, check, pageContext },
             },
         };
     }

package/dist/runtime/adapters/codex-cli-adapter.d.ts

@@ -36,6 +36,7 @@ export declare class CodexCLIAdapter extends LocalAgentAdapter {
     protected handleLine(line: string, context: TaskContext, sink: EventSink): boolean;
     private handleItemCompleted;
     private recordFailure;
+    private describeError;
     protected inspectFailureText(text: string): {
         message: string;
         authFailure?: boolean;