@lasso-ai/cli 2.1.10 → 2.1.11

package/dist/overlay.js

@@ -20294,6 +20294,36 @@
         }
         return;
       }
+      const fileCheck = target.closest(".lasso-command-file-check");
+      if (fileCheck) {
+        const msgId = fileCheck.closest(".lasso-command-msg")?.dataset.msgId;
+        const filePath = fileCheck.dataset.filePath;
+        const msg = commandMessages.find((m) => m.id === msgId);
+        if (msg && filePath) {
+          msg.rejectedFilePaths = msg.rejectedFilePaths || [];
+          if (fileCheck.checked) {
+            msg.rejectedFilePaths = msg.rejectedFilePaths.filter((p) => p !== filePath);
+          } else {
+            if (!msg.rejectedFilePaths.includes(filePath)) {
+              msg.rejectedFilePaths.push(filePath);
+            }
+          }
+          renderMessages();
+        }
+        return;
+      }
+      const viewFileDiffBtn = target.closest(".lasso-command-view-file-diff-btn");
+      if (viewFileDiffBtn) {
+        const msgId = viewFileDiffBtn.closest(".lasso-command-msg")?.dataset.msgId;
+        const filePath = viewFileDiffBtn.dataset.filePath;
+        const msg = commandMessages.find((m) => m.id === msgId);
+        if (msg && filePath) {
+          msg.activeDiffFile = filePath;
+          msg.showDiff = true;
+          renderMessages();
+        }
+        return;
+      }
       const diffToggle = target.closest(".lasso-command-toggle-diff");
       if (diffToggle) {
         const msgId = diffToggle.closest(".lasso-command-msg")?.dataset.msgId;
@@ -20309,6 +20339,12 @@
         const msgId = applyBtn.closest(".lasso-command-msg")?.dataset.msgId;
         const msg = commandMessages.find((m) => m.id === msgId);
         if (msg && msg.changes?.length && state.bridgeSocket?.readyState === WebSocket.OPEN) {
+          const rejected = new Set(msg.rejectedFilePaths || []);
+          const approvedChanges = msg.changes.filter((c) => !rejected.has(c.filePath));
+          if (approvedChanges.length === 0) {
+            alert("Please select at least one file to keep.");
+            return;
+          }
           applyBtn.disabled = true;
           applyBtn.textContent = "Applying\u2026";
           state.runtimeErrors = [];
@@ -20316,7 +20352,7 @@
             JSON.stringify({
               type: "apply",
               taskId: msg.id,
-              changes: msg.changes
+              changes: approvedChanges
             })
           );
         }
@@ -20646,26 +20682,22 @@ Please proceed directly with the implementation and code changes from this point
       }
       const hasChanges = Array.isArray(message.changes) && message.changes.length > 0;
       if (targetMsg.thinking) {
-        if (!hasChanges) {
-          targetMsg.thinking = void 0;
+        for (const step of targetMsg.thinking.steps) {
+          step.status = "completed";
+        }
+        targetMsg.thinking.completed = true;
+        targetMsg.thinking.expanded = false;
+        if (message.totalThinkingTimeMs) {
+          targetMsg.thinking.durationSeconds = Math.max(1, Math.round(message.totalThinkingTimeMs / 1e3));
         } else {
-          for (const step of targetMsg.thinking.steps) {
-            step.status = "completed";
-          }
-          targetMsg.thinking.completed = true;
-          targetMsg.thinking.expanded = false;
-          if (message.totalThinkingTimeMs) {
-            targetMsg.thinking.durationSeconds = Math.max(1, Math.round(message.totalThinkingTimeMs / 1e3));
-          } else {
-            targetMsg.thinking.durationSeconds = Math.max(1, Math.round((Date.now() - activeStartTime) / 1e3));
-          }
-          if (Array.isArray(message.thinking) && message.thinking.length) {
-            targetMsg.thinking.steps = message.thinking.map((s) => ({
-              title: s.title || "Completed step",
-              detail: s.detail,
-              status: "completed"
-            }));
-          }
+          targetMsg.thinking.durationSeconds = Math.max(1, Math.round((Date.now() - activeStartTime) / 1e3));
+        }
+        if (Array.isArray(message.thinking) && message.thinking.length) {
+          targetMsg.thinking.steps = message.thinking.map((s) => ({
+            title: s.title || "Completed step",
+            detail: s.detail,
+            status: "completed"
+          }));
         }
       }
       targetMsg.content = message.message || "";
@@ -20748,7 +20780,13 @@ Please proceed directly with the implementation and code changes from this point
       clearInterval(activeThinkingInterval);
       activeThinkingInterval = null;
     }
-    targetMsg.thinking = void 0;
+    if (targetMsg.thinking) {
+      for (const step of targetMsg.thinking.steps) {
+        step.status = "completed";
+      }
+      targetMsg.thinking.completed = true;
+      targetMsg.thinking.expanded = false;
+    }
     const question = message.prompt?.question || message.message || "";
     targetMsg.content = question;
     targetMsg.isStreaming = false;
@@ -20883,7 +20921,9 @@ Please proceed directly with the implementation and code changes from this point
     const changes = msg.changes;
     const isApplied = msg.changesApplied;
     const isUndone = msg.changesUndone;
-    const showDiff = msg.showDiff;
+    const showDiff = msg.showDiff !== false;
+    const rejected = new Set(msg.rejectedFilePaths || []);
+    const activeFile = msg.activeDiffFile || changes[0]?.filePath;
     const scopeHtml = msg.todo && msg.todo.length ? `
     <div class="lasso-command-scope-list">
       ${msg.todo.map((item) => `
@@ -20895,34 +20935,43 @@ Please proceed directly with the implementation and code changes from this point
       `).join("")}
     </div>
   ` : "";
+    const approvedCount = changes.length - rejected.size;
     return `
     <div class="lasso-command-changes-card">
       <div class="lasso-command-changes-header">
         <div class="lasso-command-changes-title">
-          <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
             <polyline points="14 2 14 8 20 8"/>
           </svg>
-          <span>${changes.length} file${changes.length === 1 ? "" : "s"} modified</span>
+          <span>Proposed changes (${approvedCount}/${changes.length} files selected)</span>
         </div>
         <button class="lasso-command-toggle-diff" type="button">
-          ${showDiff ? "Hide diff" : "View diff"}
+          ${showDiff ? "Hide diffs" : "Inspect diffs"}
         </button>
       </div>
       ${scopeHtml}
 
       <div class="lasso-command-files-list">
-        ${changes.map(
-      (c) => `
-          <div class="lasso-command-file-row">
+        ${changes.map((c) => {
+      const isExcluded = rejected.has(c.filePath);
+      const isSelected = activeFile === c.filePath;
+      return `
+          <div class="lasso-command-file-row ${isSelected ? "selected" : ""} ${isExcluded ? "excluded" : ""}" data-file-path="${escapeHtml4(c.filePath)}">
+            <label class="lasso-command-file-checkbox-label" title="${isExcluded ? "Click to include file" : "Click to exclude file"}">
+              <input type="checkbox" class="lasso-command-file-check" ${isExcluded ? "" : "checked"} data-file-path="${escapeHtml4(c.filePath)}" />
+            </label>
             <span class="lasso-command-file-badge ${c.oldString ? "modified" : "added"}">${c.oldString ? "M" : "+"}</span>
             <span class="lasso-command-file-name" title="${c.filePath}">${escapeHtml4(c.filePath)}</span>
+            <button class="lasso-command-view-file-diff-btn" type="button" data-file-path="${escapeHtml4(c.filePath)}" title="View diff for this file">
+              ${isSelected ? "Active" : "Inspect"}
+            </button>
           </div>
-        `
-    ).join("")}
+        `;
+    }).join("")}
       </div>
 
-      ${showDiff ? renderDiffPreview(changes) : ""}
+      ${showDiff ? renderDiffPreview(changes, activeFile, rejected) : ""}
 
       <div class="lasso-command-changes-footer">
         ${isApplied ? `
@@ -20938,7 +20987,7 @@ Please proceed directly with the implementation and code changes from this point
           <button class="lasso-command-apply-btn primary" type="button">Re-apply</button>
         ` : `
           <button class="lasso-command-apply-btn primary" type="button">
-            <span>Keep Changes</span>
+            <span>Keep Selected (${approvedCount})</span>
             <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
           </button>
           <button class="lasso-command-undo-btn secondary" type="button">Discard</button>
@@ -20947,16 +20996,21 @@ Please proceed directly with the implementation and code changes from this point
     </div>
   `;
   }
-  function renderDiffPreview(changes) {
+  function renderDiffPreview(changes, activeFilePath, rejected) {
+    const filtered = activeFilePath ? changes.filter((c) => c.filePath === activeFilePath) : changes;
+    const listToRender = filtered.length > 0 ? filtered : changes;
     return `
     <div class="lasso-command-diff-container">
-      ${changes.map(
+      ${listToRender.map(
       (c) => `
-        <div class="lasso-command-diff-file">
-          <div class="lasso-command-diff-file-header">${escapeHtml4(c.filePath)}</div>
-          <pre class="lasso-command-diff-content">${c.operation === "deleted" || c.newString === "" && c.oldString !== "" ? `<span class="lasso-diff-del">- ${escapeHtml4(c.oldString.slice(0, 300))}</span>
-<span class="lasso-diff-del">(file deleted)</span>` : `${c.oldString ? `<span class="lasso-diff-del">- ${escapeHtml4(c.oldString.slice(0, 300))}</span>
-` : ""}${c.newString ? `<span class="lasso-diff-add">+ ${escapeHtml4(c.newString.slice(0, 300))}</span>` : ""}`}</pre>
+        <div class="lasso-command-diff-file ${rejected?.has(c.filePath) ? "excluded-diff" : ""}">
+          <div class="lasso-command-diff-file-header">
+            <span>${escapeHtml4(c.filePath)}</span>
+            ${rejected?.has(c.filePath) ? `<span style="color: #f87171; font-size: 11px; margin-left: 8px;">(Excluded from apply)</span>` : ""}
+          </div>
+          <pre class="lasso-command-diff-content">${c.operation === "deleted" || c.newString === "" && c.oldString !== "" ? `<span class="lasso-diff-del">- ${escapeHtml4(c.oldString.slice(0, 1e3))}</span>
+<span class="lasso-diff-del">(file deleted)</span>` : `${c.oldString ? `<span class="lasso-diff-del">- ${escapeHtml4(c.oldString.slice(0, 1e3))}</span>
+` : ""}${c.newString ? `<span class="lasso-diff-add">+ ${escapeHtml4(c.newString.slice(0, 1e3))}</span>` : ""}`}</pre>
         </div>
       `
     ).join("")}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lasso-ai/cli",
-  "version": "2.1.10",
+  "version": "2.1.11",
   "description": "Select any part of your running app, describe a change, and let AI edit the real source code.",
   "type": "commonjs",
   "main": "dist/cli/index.js",