package.json

@@ -1,6 +1,6 @@
 {
   "name": "@because/sandlot",
-  "version": "0.0.19",
+  "version": "0.0.16",
   "description": "Sandboxed, branch-based development with Claude",
   "type": "module",
   "bin": {

src/commands/diff.html

@@ -23,12 +23,6 @@
 <div class="header">
   <h1><code>{{BRANCH}}</code></h1>
   {{PROMPT_SECTION}}
-  <div style="margin: 12px 0;">
-    <label style="cursor:pointer; user-select:none; font-size:14px; color:#8b949e;">
-      <input type="checkbox" id="unified-toggle" style="cursor:pointer; vertical-align:middle; margin-right:6px;">
-      Unified
-    </label>
-  </div>
   <div class="meta">
     {{LOG_SECTION}}
     {{STAT_SECTION}}
@@ -40,49 +34,16 @@
 <script>
   const diffString = {{DIFF_JSON}};
   const targetElement = document.getElementById("diff");
-  const toggle = document.getElementById("unified-toggle");
+  const configuration = {
-
+    drawFileList: true,
-  // Split raw diff into per-file chunks and classify each
-  function splitDiff(raw) {
-    const files = [];
-    const parts = raw.split(/^(?=diff --git )/m);
-    for (const part of parts) {
-      if (!part.trim()) continue;
-      const isNew = /^new file mode/m.test(part);
-      const isDeleted = /^deleted file mode/m.test(part);
-      files.push({ raw: part, isNew, isDeleted });
-    }
-    return files;
-  }
-
-  const files = splitDiff(diffString);
-
-  function renderAll(modifiedFormat) {
-    targetElement.innerHTML = "";
-    for (const file of files) {
-      const div = document.createElement("div");
-      targetElement.appendChild(div);
-      const format = (file.isNew || file.isDeleted) ? "line-by-line" : modifiedFormat;
-      const ui = new Diff2HtmlUI(div, file.raw, {
-        drawFileList: false,
     matching: "lines",
-        outputFormat: format,
+    outputFormat: "side-by-side",
     highlight: true,
     colorScheme: "dark",
-      }, hljs);
+  };
-      ui.draw();
+  const diff2htmlUi = new Diff2HtmlUI(targetElement, diffString, configuration);
-      ui.highlightCode();
+  diff2htmlUi.draw();
-    }
+  diff2htmlUi.highlightCode();
-  }
-
-  const saved = localStorage.getItem("sandlot-unified") === "1";
-  toggle.checked = saved;
-  renderAll(saved ? "line-by-line" : "side-by-side");
-
-  toggle.addEventListener("change", function () {
-    localStorage.setItem("sandlot-unified", this.checked ? "1" : "0");
-    renderAll(this.checked ? "line-by-line" : "side-by-side");
-  });
 </script>
 </body>
 </html>