@lasso-ai/cli 2.1.14 → 2.1.16

package/dist/overlay.js

@@ -7815,16 +7815,7 @@
   });
 
   // src/overlay/state.ts
-  var COLLAB_COLORS = [
-    "#6ea0ff",
-    "#81c995",
-    "#fdd663",
-    "#f28b82",
-    "#c084fc",
-    "#22d3ee",
-    "#fb923c",
-    "#a78bfa"
-  ];
+  var COLLAB_COLORS = ["#6ea0ff", "#81c995", "#fdd663", "#f28b82", "#c084fc", "#22d3ee", "#fb923c", "#a78bfa"];
   function userNameColor(userId) {
     if (!userId) return COLLAB_COLORS[0];
     let hash = 0;
@@ -11531,7 +11522,6 @@
       align-items: center;
       justify-content: space-between;
       padding: 6px 8px 8px;
-      border-bottom: 1px solid var(--lo-border-subtle);
       font-size: 11px;
       font-weight: 600;
       color: var(--lo-text-3);
@@ -11562,6 +11552,48 @@
       width: 100%;
     }
 
+    .lasso-command-history-load {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 8px;
+      min-width: 0;
+      flex: 1;
+      padding: 0;
+      border: 0;
+      background: transparent;
+      color: inherit;
+      cursor: pointer;
+      text-align: left;
+    }
+
+    .lasso-command-history-delete {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      flex: 0 0 auto;
+      width: 24px;
+      height: 24px;
+      padding: 0;
+      border: 0;
+      border-radius: 5px;
+      background: transparent;
+      color: var(--lo-text-3);
+      cursor: pointer;
+      opacity: 0;
+      transition: opacity 120ms ease, color 120ms ease, background 120ms ease;
+    }
+
+    .lasso-command-history-item:hover .lasso-command-history-delete,
+    .lasso-command-history-delete:focus-visible {
+      opacity: 1;
+    }
+
+    .lasso-command-history-delete:hover {
+      color: #fca5a5;
+      background: rgba(239, 68, 68, 0.14);
+    }
+
     .lasso-command-history-item:hover {
       background: var(--lo-surface-hover);
     }
@@ -13593,16 +13625,7 @@
       this.commentPins.className = "lasso-comment-pins";
       this.dragLayer = document.createElement("div");
       this.dragLayer.className = "lasso-drag-layer";
-      this.shadow.append(
-        this.remoteLayer,
-        this.spotlightBox,
-        this.hoverBox,
-        this.selectedBox,
-        this.label,
-        this.activityStrip,
-        this.commentPins,
-        this.dragLayer
-      );
+      this.shadow.append(this.remoteLayer, this.spotlightBox, this.hoverBox, this.selectedBox, this.label, this.activityStrip, this.commentPins, this.dragLayer);
     }
     isLassoElement(el) {
       if (!el) return false;
@@ -17133,9 +17156,7 @@
     if (!avatarsEl || !countEl) return;
     avatarsEl.innerHTML = "";
     const offline = Boolean(state.collabProjectId && !state.collabJoined);
-    const others = [...state.presenceUsers.values()].filter(
-      (user) => user.socketId !== state.collabSocket?.id
-    );
+    const others = [...state.presenceUsers.values()].filter((user) => user.socketId !== state.collabSocket?.id);
     for (const user of others.slice(0, 6)) {
       const av = document.createElement("button");
       av.type = "button";
@@ -17322,13 +17343,7 @@
   }
   function getSupportedMimeType() {
     if (typeof MediaRecorder === "undefined") return "audio/webm";
-    const types = [
-      "audio/webm;codecs=opus",
-      "audio/webm",
-      "audio/mp4",
-      "audio/ogg;codecs=opus",
-      "audio/wav"
-    ];
+    const types = ["audio/webm;codecs=opus", "audio/webm", "audio/mp4", "audio/ogg;codecs=opus", "audio/wav"];
     for (const t of types) {
       if (MediaRecorder.isTypeSupported(t)) return t;
     }
@@ -17350,53 +17365,48 @@
     const base64 = await blobToBase64(blob);
     if (state.bridgeSocket?.readyState === WebSocket.OPEN) {
       try {
-        const result = await new Promise(
-          (resolve, reject) => {
-            const requestId = `transcribe_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`;
-            const timeout = window.setTimeout(() => {
-              cleanup();
-              reject(new Error("Transcription timed out via local bridge"));
-            }, 25e3);
-            const handler = (event) => {
-              try {
-                const msg = JSON.parse(event.data);
-                if (msg.type === "transcribe_result" && msg.requestId === requestId) {
-                  cleanup();
-                  if (msg.success) {
-                    resolve({ text: msg.text || "", provider: msg.provider || "gradium" });
-                  } else {
-                    reject(new Error(msg.error || "Transcription failed"));
-                  }
+        const result = await new Promise((resolve, reject) => {
+          const requestId = `transcribe_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`;
+          const timeout = window.setTimeout(() => {
+            cleanup();
+            reject(new Error("Transcription timed out via local bridge"));
+          }, 25e3);
+          const handler = (event) => {
+            try {
+              const msg = JSON.parse(event.data);
+              if (msg.type === "transcribe_result" && msg.requestId === requestId) {
+                cleanup();
+                if (msg.success) {
+                  resolve({ text: msg.text || "", provider: msg.provider || "gradium" });
+                } else {
+                  reject(new Error(msg.error || "Transcription failed"));
                 }
-              } catch {
               }
-            };
-            const cleanup = () => {
-              window.clearTimeout(timeout);
-              state.bridgeSocket?.removeEventListener("message", handler);
-            };
-            state.bridgeSocket?.addEventListener("message", handler);
-            state.bridgeSocket?.send(
-              JSON.stringify({
-                type: "transcribe",
-                requestId,
-                audio: base64,
-                mimeType,
-                language: "en"
-              })
-            );
-          }
-        );
+            } catch {
+            }
+          };
+          const cleanup = () => {
+            window.clearTimeout(timeout);
+            state.bridgeSocket?.removeEventListener("message", handler);
+          };
+          state.bridgeSocket?.addEventListener("message", handler);
+          state.bridgeSocket?.send(
+            JSON.stringify({
+              type: "transcribe",
+              requestId,
+              audio: base64,
+              mimeType,
+              language: "en"
+            })
+          );
+        });
         return result;
       } catch (bridgeErr) {
         console.warn("[transcribe] Bridge transcription failed, falling back to direct server fetch:", bridgeErr);
       }
     }
     const isLassoPage = typeof window !== "undefined" && window.location.hostname.endsWith(".lasso");
-    const candidateUrls = isLassoPage ? ["https://api.lasso.byorello.space/api/v1/transcribe"] : [
-      "https://api.lasso.byorello.space/api/v1/transcribe",
-      "/api/v1/transcribe"
-    ];
+    const candidateUrls = isLassoPage ? ["https://api.lasso.byorello.space/api/v1/transcribe"] : ["https://api.lasso.byorello.space/api/v1/transcribe", "/api/v1/transcribe"];
     let lastError = new Error("Failed to contact transcription service");
     for (const url2 of candidateUrls) {
       try {
@@ -17445,12 +17455,7 @@
     const legacyGetUserMedia = nav && (nav.getUserMedia || nav.webkitGetUserMedia || nav.mozGetUserMedia || nav.msGetUserMedia);
     if (legacyGetUserMedia) {
       return new Promise((resolve, reject) => {
-        legacyGetUserMedia.call(
-          nav,
-          { audio: true },
-          resolve,
-          (err) => reject(new Error(err?.message || "Microphone access was denied."))
-        );
+        legacyGetUserMedia.call(nav, { audio: true }, resolve, (err) => reject(new Error(err?.message || "Microphone access was denied.")));
       });
     }
     if (typeof window !== "undefined") {
@@ -17494,10 +17499,7 @@
       activeStream = stream;
       currentMimeType = getSupportedMimeType() || "audio/webm";
       if (typeof MediaRecorder !== "undefined") {
-        const recorder = new MediaRecorder(
-          stream,
-          currentMimeType ? { mimeType: currentMimeType } : void 0
-        );
+        const recorder = new MediaRecorder(stream, currentMimeType ? { mimeType: currentMimeType } : void 0);
         activeRecorder = recorder;
         recordedChunks = [];
         recorder.ondataavailable = (event) => {
@@ -18091,9 +18093,7 @@
         presenceUsers.push({ label: user.name, type: "user", color: user.color || "#6ea0ff" });
       }
     }
-    const filteredStatic = (!query ? STATIC_TAGS : STATIC_TAGS.filter((t) => t.startsWith(query))).map(
-      (t) => ({ label: t, type: "tag", color: "#94a3b8" })
-    );
+    const filteredStatic = (!query ? STATIC_TAGS : STATIC_TAGS.filter((t) => t.startsWith(query))).map((t) => ({ label: t, type: "tag", color: "#94a3b8" }));
     const suggestions = [...presenceUsers, ...filteredStatic].slice(0, 6);
     if (suggestions.length === 0) {
       tagMenu.hidden = true;
@@ -19038,7 +19038,8 @@
   function saveNote(text) {
     if (collabEmit("note:save", { body: text }, (response) => {
       if (!response.ok) saveNoteLocally(text);
-    })) return;
+    }))
+      return;
     saveNoteLocally(text);
   }
   function saveNoteLocally(text) {
@@ -19049,33 +19050,21 @@
   }
   function renderMarkdown(raw) {
     let t = raw.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-    t = t.replace(
-      /```([\s\S]*?)```/g,
-      (_, code) => `<pre class="lasso-np-pre"><code>${code.trim()}</code></pre>`
-    );
+    t = t.replace(/```([\s\S]*?)```/g, (_, code) => `<pre class="lasso-np-pre"><code>${code.trim()}</code></pre>`);
     t = t.replace(/^### (.+)$/gm, '<h3 class="lasso-np-h">$1</h3>');
     t = t.replace(/^## (.+)$/gm, '<h2 class="lasso-np-h">$1</h2>');
     t = t.replace(/^# (.+)$/gm, '<h1 class="lasso-np-h">$1</h1>');
     t = t.replace(/^---$/gm, '<hr class="lasso-np-hr" />');
     t = t.replace(/^&gt; (.+)$/gm, '<blockquote class="lasso-np-blockquote">$1</blockquote>');
-    t = t.replace(
-      /^- \[x\] (.+)$/gm,
-      '<div class="lasso-np-check done"><span class="lasso-np-check-box">\u2713</span><del>$1</del></div>'
-    );
-    t = t.replace(
-      /^- \[ \] (.+)$/gm,
-      '<div class="lasso-np-check"><span class="lasso-np-check-box">\u25CB</span>$1</div>'
-    );
+    t = t.replace(/^- \[x\] (.+)$/gm, '<div class="lasso-np-check done"><span class="lasso-np-check-box">\u2713</span><del>$1</del></div>');
+    t = t.replace(/^- \[ \] (.+)$/gm, '<div class="lasso-np-check"><span class="lasso-np-check-box">\u25CB</span>$1</div>');
     t = t.replace(/^[-*] (.+)$/gm, '<li class="lasso-np-li">$1</li>');
     t = t.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>");
     t = t.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
     t = t.replace(/\*(.+?)\*/g, "<em>$1</em>");
     t = t.replace(/~~(.+?)~~/g, "<del>$1</del>");
     t = t.replace(/`(.+?)`/g, '<code class="lasso-np-code">$1</code>');
-    t = t.replace(
-      /\[(.+?)\]\((.+?)\)/g,
-      '<a href="$2" target="_blank" rel="noopener" class="lasso-np-link">$1</a>'
-    );
+    t = t.replace(/\[(.+?)\]\((.+?)\)/g, '<a href="$2" target="_blank" rel="noopener" class="lasso-np-link">$1</a>');
     t = t.replace(/\n\n/g, '</p><p class="lasso-np-p">');
     t = t.replace(/\n/g, "<br>");
     return `<p class="lasso-np-p">${t}</p>`;
@@ -19600,51 +19589,6 @@
   var activeStartTime = 0;
   var activeConversationId = null;
   var conversationList = [];
-  function isConversationalPrompt(prompt) {
-    const p = prompt.trim().toLowerCase().replace(/[!?.,;:]+$/, "");
-    const greetings = [
-      "hi",
-      "hello",
-      "hey",
-      "heya",
-      "howdy",
-      "sup",
-      "yo",
-      "good morning",
-      "good afternoon",
-      "good evening",
-      "thanks",
-      "thank you",
-      "thx",
-      "ty",
-      "cool",
-      "awesome",
-      "great",
-      "nice",
-      "who are you",
-      "what are you",
-      "what can you do",
-      "help",
-      "help me",
-      "what is lasso",
-      "how do you work",
-      "how does this work"
-    ];
-    if (greetings.includes(p)) return true;
-    if (/^(hi|hello|hey|howdy|yo)\b/i.test(p) && p.split(/\s+/).length <= 4) {
-      const buildKeywords = /\b(build|create|add|make|fix|update|modify|change|refactor|implement|delete|remove|style|install|wire|code)\b/i;
-      if (!buildKeywords.test(p)) return true;
-    }
-    const mutationVerbs = /\b(build|create|add|make|fix|update|modify|change|refactor|implement|delete|remove|style|install|wire|code|replace|set|switch|swap|rewrite|restyle|rebuild|apply)\b/i;
-    const infoPrefixes = /^(what|how|why|when|where|who|which|can you explain|explain|describe|tell me|check out|check|look at|summarize|give me an overview|overview|inspect)\b/i;
-    if (infoPrefixes.test(p) && !mutationVerbs.test(p)) {
-      return true;
-    }
-    if (/\b(about|doing|does this|is this|mean|purpose|work|repo|project|codebase|app|application|page|overview|summary)\b/i.test(p) && !mutationVerbs.test(p)) {
-      return true;
-    }
-    return false;
-  }
   function isRetryIntent(prompt) {
     const p = prompt.trim().toLowerCase().replace(/[!?.]+$/, "");
     return /^(try\s+again|retry|re-?try|do\s+it\s+again|run\s+again|attempt\s+again|go\s+again|one\s+more\s+time|again)$/.test(p);
@@ -19765,10 +19709,7 @@
     const data6 = await apiFetch(`/agent/conversations?projectId=${encodeURIComponent(projectId)}`);
     if (data6?.conversations && Array.isArray(data6.conversations)) {
       const serverIds = new Set(data6.conversations.map((c) => c.id));
-      const merged = [
-        ...data6.conversations,
-        ...conversationList.filter((local) => !serverIds.has(local.id))
-      ];
+      const merged = [...data6.conversations, ...conversationList.filter((local) => !serverIds.has(local.id))];
       conversationList = merged;
     }
   }
@@ -19800,17 +19741,44 @@
     </div>
     ${conversationList.map(
       (conv) => `
-      <button class="lasso-command-history-item ${conv.id === activeConversationId ? "active" : ""}" type="button" data-conv-id="${conv.id}">
-        <span class="lasso-command-history-title" title="${escapeHtml4(conv.title || "Untitled Session")}">${escapeHtml4(conv.title || "Untitled Session")}</span>
-        <div class="lasso-command-history-meta">
-          <span class="lasso-command-history-scope ${conv.scope || "private"}">${conv.scope || "private"}</span>
-          <span>${formatDateAgo(conv.updatedAt)}</span>
-        </div>
-      </button>
+      <div class="lasso-command-history-item ${conv.id === activeConversationId ? "active" : ""}" data-conv-id="${escapeHtml4(conv.id)}">
+        <button class="lasso-command-history-load" type="button" title="Open session">
+          <span class="lasso-command-history-title" title="${escapeHtml4(conv.title || "Untitled Session")}">${escapeHtml4(conv.title || "Untitled Session")}</span>
+          <div class="lasso-command-history-meta">
+            <span class="lasso-command-history-scope ${conv.scope || "private"}">${conv.scope || "private"}</span>
+            <span>${formatDateAgo(conv.updatedAt)}</span>
+          </div>
+        </button>
+        <button class="lasso-command-history-delete" type="button" title="Delete session" aria-label="Delete session">
+          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18"/><path d="M8 6V4h8v2"/><path d="M19 6l-1 14H6L5 6"/><path d="M10 11v5M14 11v5"/></svg>
+        </button>
+      </div>
     `
     ).join("")}
   `;
   }
+  async function deleteConversation(convId) {
+    const conversation = conversationList.find((item) => item.id === convId);
+    if (!conversation) return;
+    if (!convId.startsWith("local-session-")) {
+      const deleted = await apiFetch(`/agent/conversations/${encodeURIComponent(convId)}`, { method: "DELETE" });
+      if (!deleted?.success) return;
+    }
+    try {
+      localStorage.removeItem(`lasso:session:${convId}`);
+      const key = getStorageProjectKey();
+      const list2 = JSON.parse(localStorage.getItem(key) || "[]");
+      localStorage.setItem(key, JSON.stringify(list2.filter((item) => item.id !== convId)));
+    } catch {
+    }
+    conversationList = conversationList.filter((item) => item.id !== convId);
+    if (activeConversationId === convId) {
+      activeConversationId = null;
+      commandMessages = [];
+      renderMessages();
+    }
+    renderHistoryPopover();
+  }
   async function switchConversation(convId) {
     if (activeThinkingInterval) {
       clearInterval(activeThinkingInterval);
@@ -20138,9 +20106,16 @@
     });
     commandHistoryPopover.addEventListener("click", async (event) => {
       event.stopPropagation();
-      const item = event.target.closest(".lasso-command-history-item");
+      const target = event.target;
+      const item = target.closest(".lasso-command-history-item");
       if (!item?.dataset.convId) return;
-      await switchConversation(item.dataset.convId);
+      if (target.closest(".lasso-command-history-delete")) {
+        await deleteConversation(item.dataset.convId);
+        return;
+      }
+      if (target.closest(".lasso-command-history-load")) {
+        await switchConversation(item.dataset.convId);
+      }
     });
     const setCommandModelMenuOpen = (open) => {
       if (!commandModelMenu || !commandModelBtn) return;
@@ -20294,6 +20269,19 @@
         }
         return;
       }
+      const steerBtn = target.closest(".lasso-command-steer-btn");
+      if (steerBtn) {
+        const msgId = steerBtn.closest(".lasso-command-msg")?.dataset.msgId;
+        const msg = commandMessages.find((m) => m.id === msgId);
+        if (msg?.queued && !msg.steering && activeTaskId && state.bridgeSocket?.readyState === WebSocket.OPEN) {
+          steerBtn.disabled = true;
+          steerBtn.textContent = "Steering\u2026";
+          msg.steering = true;
+          state.bridgeSocket.send(JSON.stringify({ type: "steer", taskId: activeTaskId, queueId: msg.id, prompt: msg.content }));
+          renderMessages();
+        }
+        return;
+      }
       const fileCheck = target.closest(".lasso-command-file-check");
       if (fileCheck) {
         const msgId = fileCheck.closest(".lasso-command-msg")?.dataset.msgId;
@@ -20505,6 +20493,21 @@ Please proceed directly with the implementation and code changes from this point
   async function handleSubmit() {
     if (!commandInput) return;
     if (activeTaskId) {
+      const queuedPrompt = commandInput.value.trim();
+      if (queuedPrompt) {
+        commandMessages.push({
+          id: `queued-${Date.now()}`,
+          role: "user",
+          content: queuedPrompt,
+          timestamp: Date.now(),
+          queued: true
+        });
+        commandInput.value = "";
+        autoResizeTextarea(commandInput);
+        renderMessages();
+        scrollToBottom();
+        return;
+      }
       if (state.bridgeSocket?.readyState === WebSocket.OPEN) {
         state.bridgeSocket.send(
           JSON.stringify({
@@ -20561,8 +20564,7 @@ Please proceed directly with the implementation and code changes from this point
     const taskId2 = `oneshot-${Date.now()}`;
     activeTaskId = taskId2;
     activeStartTime = Date.now();
-    const isChat = isConversationalPrompt(prompt);
-    const initialStepTitle = isChat ? "Preparing response\u2026" : "Preparing task\u2026";
+    const initialStepTitle = "Preparing task\u2026";
     commandMessages.push({
       id: taskId2,
       role: "assistant",
@@ -20593,13 +20595,11 @@ Please proceed directly with the implementation and code changes from this point
         if (id) activeConversationId = id;
       });
     }
-    if (!isChat) {
-      collabEmit("collab:action", {
-        sessionId: state.collabProjectId,
-        status: "building",
-        summary: prompt.slice(0, 120)
-      });
-    }
+    collabEmit("collab:action", {
+      sessionId: state.collabProjectId,
+      status: "building",
+      summary: prompt.slice(0, 120)
+    });
     if (state.bridgeSocket?.readyState === WebSocket.OPEN) {
       state.bridgeSocket.send(
         JSON.stringify({
@@ -20613,10 +20613,7 @@ Please proceed directly with the implementation and code changes from this point
           // 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 }))
+          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 {
@@ -20769,6 +20766,18 @@ Please proceed directly with the implementation and code changes from this point
       renderMessages();
     }
   }
+  function handleCommandBarSteerResult(message) {
+    const queued = commandMessages.find((msg) => msg.id === message.queueId);
+    if (!queued) return;
+    queued.steering = false;
+    if (message.success) {
+      queued.queued = false;
+      queued.steered = true;
+    } else {
+      queued.error = message.error || "The agent could not accept this steering prompt.";
+    }
+    renderMessages();
+  }
   function handleCommandBarPrompt(message) {
     const taskId2 = message.taskId;
     let targetMsg = commandMessages.find((m) => m.id === taskId2);
@@ -20822,6 +20831,7 @@ Please proceed directly with the implementation and code changes from this point
         html += `
         <div class="lasso-command-msg user" data-msg-id="${msg.id}">
           <div class="lasso-command-msg-bubble">${escapeHtml4(msg.content)}</div>
+          ${msg.queued ? `<button class="lasso-command-steer-btn" type="button"${msg.steering ? " disabled" : ""} style="margin-top: 6px; padding: 4px 9px; border: 1px solid rgba(96, 165, 250, 0.45); border-radius: 6px; background: rgba(59, 130, 246, 0.14); color: #bfdbfe; cursor: pointer;">${msg.steering ? "Steering\u2026" : "Steer"}</button>` : msg.steered ? `<span class="lasso-command-steered-label" style="display: inline-block; margin-top: 6px; color: #93c5fd; font-size: 12px;">Steered into next turn</span>` : ""}
         </div>
       `;
       } else {
@@ -20926,13 +20936,15 @@ Please proceed directly with the implementation and code changes from this point
     const activeFile = msg.activeDiffFile || changes[0]?.filePath;
     const scopeHtml = msg.todo && msg.todo.length ? `
     <div class="lasso-command-scope-list">
-      ${msg.todo.map((item) => `
+      ${msg.todo.map(
+      (item) => `
         <div class="lasso-command-scope-item">
           <span class="lasso-command-scope-action ${item.action}">${item.action === "create" ? "+" : item.action === "delete" ? "\u2212" : "~"}</span>
           <span class="lasso-command-scope-file">${escapeHtml4(item.file)}</span>
           <span class="lasso-command-scope-reason">${escapeHtml4(item.reason)}</span>
         </div>
-      `).join("")}
+      `
+    ).join("")}
     </div>
   ` : "";
     const approvedCount = changes.length - rejected.size;
@@ -21162,97 +21174,72 @@ Please proceed directly with the implementation and code changes from this point
       if (payload.sessionId !== state.collabProjectId || !payload.itemId) return;
       removeClipboardItem(payload.itemId);
     });
-    state.collabSocket.on(
-      "collab:action",
-      (payload) => {
-        if (payload.sessionId !== state.collabProjectId) return;
-        const name = payload.user?.name || "A teammate";
-        const status = payload.status || "";
-        if (status === "building" || status === "build") {
-          if (payload.user?.id && payload.user.id !== state.myUser?.id) {
-            state.buildModeUser = { id: payload.user.id, name };
-            showActivity(`\u23F8\uFE0F ${name} is in Build Mode. Editing is paused.`, "#fbbc04");
-            return;
-          }
-        } else if (status === "idle" || status === "done" || status === "complete") {
-          if (state.buildModeUser && (!payload.user?.id || state.buildModeUser.id === payload.user.id)) {
-            state.buildModeUser = null;
-            showActivity(`${name} finished building. Editing resumed.`, "#81c995");
-            return;
-          }
+    state.collabSocket.on("collab:action", (payload) => {
+      if (payload.sessionId !== state.collabProjectId) return;
+      const name = payload.user?.name || "A teammate";
+      const status = payload.status || "";
+      if (status === "building" || status === "build") {
+        if (payload.user?.id && payload.user.id !== state.myUser?.id) {
+          state.buildModeUser = { id: payload.user.id, name };
+          showActivity(`\u23F8\uFE0F ${name} is in Build Mode. Editing is paused.`, "#fbbc04");
+          return;
+        }
+      } else if (status === "idle" || status === "done" || status === "complete") {
+        if (state.buildModeUser && (!payload.user?.id || state.buildModeUser.id === payload.user.id)) {
+          state.buildModeUser = null;
+          showActivity(`${name} finished building. Editing resumed.`, "#81c995");
+          return;
         }
-        const text = payload.summary ? `${name} is ${status === "idle" ? "done" : status.replace(/e?$/, "ing")} \u2014 ${payload.summary.slice(0, 90)}` : `${name} ${status === "idle" ? "finished working" : `is ${status}`}`;
-        showActivity(text, userNameColor(payload.user?.id || ""));
-      }
-    );
-    state.collabSocket.on(
-      "collab:spotlight",
-      (payload) => {
-        if (payload.sessionId !== state.collabProjectId || !payload.elementId) return;
-        const el = state.elementRegistry.get(payload.elementId) || null;
-        const by = payload.by || { id: "", name: "Teammate", photo: "" };
-        spotlightFor(by, el, payload.label || "");
       }
-    );
-    state.collabSocket.on(
-      "voice:offer",
-      (payload) => handleOffer(payload)
-    );
-    state.collabSocket.on(
-      "voice:answer",
-      (payload) => handleAnswer(payload)
-    );
-    state.collabSocket.on(
-      "voice:candidate",
-      (payload) => handleCandidate(payload)
-    );
-    state.collabSocket.on(
-      "voice:peer_left",
-      (payload) => closePeer(payload.socketId || "")
-    );
+      const text = payload.summary ? `${name} is ${status === "idle" ? "done" : status.replace(/e?$/, "ing")} \u2014 ${payload.summary.slice(0, 90)}` : `${name} ${status === "idle" ? "finished working" : `is ${status}`}`;
+      showActivity(text, userNameColor(payload.user?.id || ""));
+    });
+    state.collabSocket.on("collab:spotlight", (payload) => {
+      if (payload.sessionId !== state.collabProjectId || !payload.elementId) return;
+      const el = state.elementRegistry.get(payload.elementId) || null;
+      const by = payload.by || { id: "", name: "Teammate", photo: "" };
+      spotlightFor(by, el, payload.label || "");
+    });
+    state.collabSocket.on("voice:offer", (payload) => handleOffer(payload));
+    state.collabSocket.on("voice:answer", (payload) => handleAnswer(payload));
+    state.collabSocket.on("voice:candidate", (payload) => handleCandidate(payload));
+    state.collabSocket.on("voice:peer_left", (payload) => closePeer(payload.socketId || ""));
   }
   function joinCollabSession() {
     if (!state.collabSocket?.connected || !state.collabProjectId) return;
     const selection = currentSelectionPayload();
-    collabEmit(
-      "session:join",
-      { sessionId: state.collabProjectId, selection },
-      (payload) => {
-        const countEl = getDOM().shadow.querySelector(".lasso-presence-count");
-        if (!payload.ok) {
-          console.warn("[Lasso Collab] Session join failed for", state.collabProjectId, ":", payload.error);
-          state.collabJoined = false;
-          if (countEl) countEl.textContent = state.collabProjectId ? "\xB7 closed" : "";
-          showActivity(
-            payload.error || "Could not join realtime session. Log in to your Lasso workspace and start Lasso to collaborate.",
-            "#fdd663"
-          );
-          return;
-        }
-        console.log("[Lasso Collab] Joined realtime session:", state.collabProjectId, "as", payload.me);
-        state.collabJoined = true;
-        if (countEl) countEl.textContent = "";
-        state.myUser = payload.me || null;
-        if (state.myUser?.name) {
-          try {
-            localStorage.setItem("lasso:user:name", state.myUser.name);
-          } catch {
-          }
-          updateEmptyStateUserName();
-        }
-        const snapshot = payload.snapshot || {};
-        applyPresence(snapshot.presence || []);
-        indexLocks(snapshot.locks || []);
-        for (const c of snapshot.comments || []) {
-          upsertComment(c);
+    collabEmit("session:join", { sessionId: state.collabProjectId, selection }, (payload) => {
+      const countEl = getDOM().shadow.querySelector(".lasso-presence-count");
+      if (!payload.ok) {
+        console.warn("[Lasso Collab] Session join failed for", state.collabProjectId, ":", payload.error);
+        state.collabJoined = false;
+        if (countEl) countEl.textContent = state.collabProjectId ? "\xB7 closed" : "";
+        showActivity(payload.error || "Could not join realtime session. Log in to your Lasso workspace and start Lasso to collaborate.", "#fdd663");
+        return;
+      }
+      console.log("[Lasso Collab] Joined realtime session:", state.collabProjectId, "as", payload.me);
+      state.collabJoined = true;
+      if (countEl) countEl.textContent = "";
+      state.myUser = payload.me || null;
+      if (state.myUser?.name) {
+        try {
+          localStorage.setItem("lasso:user:name", state.myUser.name);
+        } catch {
         }
-        updateLockChip();
-        replaceTodos(snapshot.todos || []);
-        renderComments();
-        updateCommentsBadge();
-        startCollabHeartbeat();
+        updateEmptyStateUserName();
       }
-    );
+      const snapshot = payload.snapshot || {};
+      applyPresence(snapshot.presence || []);
+      indexLocks(snapshot.locks || []);
+      for (const c of snapshot.comments || []) {
+        upsertComment(c);
+      }
+      updateLockChip();
+      replaceTodos(snapshot.todos || []);
+      renderComments();
+      updateCommentsBadge();
+      startCollabHeartbeat();
+    });
   }
   function startCollabHeartbeat() {
     if (state.collabHeartbeat) return;
@@ -21282,16 +21269,20 @@ Please proceed directly with the implementation and code changes from this point
   function initCursorTracking() {
     let lastEmit = 0;
     const THROTTLE_MS = 50;
-    document.addEventListener("mousemove", (e) => {
-      if (!state.collabSocket?.connected || !state.collabJoined || !state.collabProjectId) return;
-      const now = Date.now();
-      if (now - lastEmit < THROTTLE_MS) return;
-      lastEmit = now;
-      collabEmit("presence:update", {
-        sessionId: state.collabProjectId,
-        cursor: { x: e.clientX, y: e.clientY }
-      });
-    }, { passive: true });
+    document.addEventListener(
+      "mousemove",
+      (e) => {
+        if (!state.collabSocket?.connected || !state.collabJoined || !state.collabProjectId) return;
+        const now = Date.now();
+        if (now - lastEmit < THROTTLE_MS) return;
+        lastEmit = now;
+        collabEmit("presence:update", {
+          sessionId: state.collabProjectId,
+          cursor: { x: e.clientX, y: e.clientY }
+        });
+      },
+      { passive: true }
+    );
   }
   function initCollabPagehide() {
     window.addEventListener("pagehide", () => {
@@ -21707,9 +21698,7 @@ Please proceed directly with the implementation and code changes from this point
       }
     }
     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']"
-    );
+    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();
@@ -21811,9 +21800,7 @@ Please proceed directly with the implementation and code changes from this point
     if (!clean || state.runtimeErrors.includes(clean)) return;
     state.runtimeErrors = [...state.runtimeErrors.slice(-4), clean];
     if (notifyBridge && state.bridgeSocket?.readyState === WebSocket.OPEN) {
-      state.bridgeSocket.send(
-        JSON.stringify({ type: "runtime_error", selectionId: state.selectionId, details: clean })
-      );
+      state.bridgeSocket.send(JSON.stringify({ type: "runtime_error", selectionId: state.selectionId, details: clean }));
     }
   }
   function formatConsoleArg(arg) {
@@ -21830,9 +21817,7 @@ Please proceed directly with the implementation and code changes from this point
     if (errorListenersInstalled) return;
     errorListenersInstalled = true;
     window.addEventListener("error", (event) => {
-      reportRuntimeError(
-        `${event.message || "Runtime error"}${event.filename ? ` \xB7 ${event.filename}:${event.lineno}` : ""}`
-      );
+      reportRuntimeError(`${event.message || "Runtime error"}${event.filename ? ` \xB7 ${event.filename}:${event.lineno}` : ""}`);
     });
     window.addEventListener("unhandledrejection", (event) => {
       const reason = event.reason instanceof Error ? event.reason.message : String(event.reason || "Unhandled promise rejection");
@@ -21952,6 +21937,15 @@ Please proceed directly with the implementation and code changes from this point
             window.dispatchEvent(new CustomEvent("lasso-page-folder-created", { detail: { path: message.path || "", error: message.error } }));
             return;
           }
+          if (message.type === "steer_result" && message.taskId && message.queueId) {
+            handleCommandBarSteerResult({
+              taskId: message.taskId,
+              queueId: message.queueId,
+              success: Boolean(message.success),
+              error: message.error
+            });
+            return;
+          }
           if (message.type === "agent_status" && message.status && message.message) {
             const taskId2 = message.taskId;
             if (isCommandBarTaskId(taskId2)) {
@@ -22104,9 +22098,7 @@ The agent is automatically attempting to fix the build errors...`;
   }
   function findReusableAgentTask(instruction, element) {
     const normalized = normalizedInstruction(instruction);
-    return state.agentTasks.find(
-      (task) => normalizedInstruction(task.instruction) === normalized && task.element === (element || void 0)
-    );
+    return state.agentTasks.find((task) => normalizedInstruction(task.instruction) === normalized && task.element === (element || void 0));
   }
   function getComponentConversation(selectionId) {
     const task = state.agentTasks.find((candidate) => candidate.selectionId === selectionId);
@@ -22825,9 +22817,7 @@ The agent is automatically attempting to fix the build errors...`;
         submitBtn.className = "primary";
         submitBtn.addEventListener("click", (e) => {
           e.preventDefault();
-          const checked = Array.from(
-            optionsContainer?.querySelectorAll(".lasso-agent-prompt-checkbox:checked") || []
-          ).map((cb) => cb.value);
+          const checked = Array.from(optionsContainer?.querySelectorAll(".lasso-agent-prompt-checkbox:checked") || []).map((cb) => cb.value);
           respondToAgentPrompt(checked.length ? checked.join(", ") : "None");
         });
         actions.append(skipBtn, submitBtn);
@@ -22976,10 +22966,7 @@ The agent is automatically attempting to fix the build errors...`;
       ignoreElements: (node) => node.id === "lasso-root" || Boolean(node.closest?.("#lasso-root"))
     };
     try {
-      const [fullCanvas, elementCanvas] = await Promise.all([
-        (0, import_html2canvas2.default)(document.body, options),
-        (0, import_html2canvas2.default)(el, options)
-      ]);
+      const [fullCanvas, elementCanvas] = await Promise.all([(0, import_html2canvas2.default)(document.body, options), (0, import_html2canvas2.default)(el, options)]);
       return {
         full: fullCanvas.toDataURL("image/jpeg", 0.72),
         element: elementCanvas.toDataURL("image/jpeg", 0.82)
@@ -23394,10 +23381,7 @@ The agent is automatically attempting to fix the build errors...`;
     requestAgentNotificationPermission();
     const bridgeSocket = state.bridgeSocket;
     if (!bridgeSocket || bridgeSocket.readyState !== WebSocket.OPEN) {
-      setAgentStatus(
-        "error",
-        "The Lasso agent bridge is not connected. Start Lasso with your dev server and try again."
-      );
+      setAgentStatus("error", "The Lasso agent bridge is not connected. Start Lasso with your dev server and try again.");
       return;
     }
     const ownershipGranted = await acquireOwnership(selectedElement);
@@ -23441,9 +23425,7 @@ The agent is automatically attempting to fix the build errors...`;
     const changesHistory = state.changesHistory.map((entry) => ({ ...entry, changes: entry.changes.map((change) => ({ ...change })) }));
     const rect = selectedElement.getBoundingClientRect();
     const computed = getComputedStyle(selectedElement);
-    const attributes = Object.fromEntries(
-      Array.from(selectedElement.attributes).map((attr) => [attr.name, attr.value])
-    );
+    const attributes = Object.fromEntries(Array.from(selectedElement.attributes).map((attr) => [attr.name, attr.value]));
     const needsVisualContext = /\b(look|visual|appearance|color|colour|background|image|icon|spacing|layout|position|align|responsive|style|restyle|font|size)\b/i.test(instruction);
     const screenshots = needsVisualContext ? await captureElementScreenshot(selectedElement) : await screenshotPromise;
     if (bridgeSocket.readyState !== WebSocket.OPEN) {