@design.estate/dees-catalog 6.3.0 → 6.5.0

package/dist_bundle/bundle.js

@@ -166563,9 +166563,9 @@ init_dist_ts12();
 init_services();
 init_dees_tile();
 init_dees_icon();
-var _highlightVersion_dec, _expandedFolds_dec, _copied_dec, _highlightedCode_dec, _diffView_dec, _unifiedDiff_dec, _codeBefore_dec, _codeToDisplay_dec, _filename_dec, _progLang_dec, _a63, _DeesDataviewCodebox_decorators, _init64, _progLang, _filename, _codeToDisplay, _codeBefore, _unifiedDiff, _diffView, _highlightedCode, _copied, _expandedFolds, _highlightVersion;
+var _highlightVersion_dec, _expandedFolds_dec, _copied_dec, _highlightedCode_dec, _showDiffLineNumbers_dec, _diffView_dec, _unifiedDiff_dec, _codeBefore_dec, _codeToDisplay_dec, _filename_dec, _progLang_dec, _a63, _DeesDataviewCodebox_decorators, _init64, _progLang, _filename, _codeToDisplay, _codeBefore, _unifiedDiff, _diffView, _showDiffLineNumbers, _highlightedCode, _copied, _expandedFolds, _highlightVersion;
 _DeesDataviewCodebox_decorators = [customElement("dees-dataview-codebox")];
-var _DeesDataviewCodebox = class _DeesDataviewCodebox extends (_a63 = DeesElement, _progLang_dec = [n5()], _filename_dec = [n5()], _codeToDisplay_dec = [n5({ type: String })], _codeBefore_dec = [n5({ type: String })], _unifiedDiff_dec = [n5({ type: String })], _diffView_dec = [n5({ type: String })], _highlightedCode_dec = [r5()], _copied_dec = [r5()], _expandedFolds_dec = [r5()], _highlightVersion_dec = [r5()], _a63) {
+var _DeesDataviewCodebox = class _DeesDataviewCodebox extends (_a63 = DeesElement, _progLang_dec = [n5()], _filename_dec = [n5()], _codeToDisplay_dec = [n5({ type: String })], _codeBefore_dec = [n5({ type: String })], _unifiedDiff_dec = [n5({ type: String })], _diffView_dec = [n5({ type: String })], _showDiffLineNumbers_dec = [n5({ type: Boolean })], _highlightedCode_dec = [r5()], _copied_dec = [r5()], _expandedFolds_dec = [r5()], _highlightVersion_dec = [r5()], _a63) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _progLang, __runInitializers(_init64, 8, this, "typescript")), __runInitializers(_init64, 11, this);
@@ -166574,10 +166574,11 @@ var _DeesDataviewCodebox = class _DeesDataviewCodebox extends (_a63 = DeesElemen
     __privateAdd(this, _codeBefore, __runInitializers(_init64, 20, this, "")), __runInitializers(_init64, 23, this);
     __privateAdd(this, _unifiedDiff, __runInitializers(_init64, 24, this, "")), __runInitializers(_init64, 27, this);
     __privateAdd(this, _diffView, __runInitializers(_init64, 28, this, "")), __runInitializers(_init64, 31, this);
-    __privateAdd(this, _highlightedCode, __runInitializers(_init64, 32, this, "")), __runInitializers(_init64, 35, this);
-    __privateAdd(this, _copied, __runInitializers(_init64, 36, this, false)), __runInitializers(_init64, 39, this);
-    __privateAdd(this, _expandedFolds, __runInitializers(_init64, 40, this, /* @__PURE__ */ new Set())), __runInitializers(_init64, 43, this);
-    __privateAdd(this, _highlightVersion, __runInitializers(_init64, 44, this, 0)), __runInitializers(_init64, 47, this);
+    __privateAdd(this, _showDiffLineNumbers, __runInitializers(_init64, 32, this, true)), __runInitializers(_init64, 35, this);
+    __privateAdd(this, _highlightedCode, __runInitializers(_init64, 36, this, "")), __runInitializers(_init64, 39, this);
+    __privateAdd(this, _copied, __runInitializers(_init64, 40, this, false)), __runInitializers(_init64, 43, this);
+    __privateAdd(this, _expandedFolds, __runInitializers(_init64, 44, this, /* @__PURE__ */ new Set())), __runInitializers(_init64, 47, this);
+    __privateAdd(this, _highlightVersion, __runInitializers(_init64, 48, this, 0)), __runInitializers(_init64, 51, this);
     __publicField(this, "processedCode", "");
     __publicField(this, "highlightJs", null);
     __publicField(this, "highlightToken", 0);
@@ -166639,6 +166640,22 @@ var _DeesDataviewCodebox = class _DeesDataviewCodebox extends (_a63 = DeesElemen
         <div slot="header" class="appbar">
           <div class="fileName">${this.filename}</div>
           <div class="actions">
+            ${this.isDiffActive ? b2`
+                  <div class="viewToggle" role="group" aria-label="Diff layout">
+                    <button
+                      class="viewButton ${this.effectiveDiffView === "inline" ? "active" : ""}"
+                      type="button"
+                      aria-pressed=${String(this.effectiveDiffView === "inline")}
+                      @click=${() => this.setDiffView("inline")}
+                    >Inline</button>
+                    <button
+                      class="viewButton ${this.effectiveDiffView === "split" ? "active" : ""}"
+                      type="button"
+                      aria-pressed=${String(this.effectiveDiffView === "split")}
+                      @click=${() => this.setDiffView("split")}
+                    >Split</button>
+                  </div>
+                ` : ""}
             <div
               class="copyButton ${this.copied ? "copied" : ""}"
               title="Copy code"
@@ -166682,15 +166699,11 @@ var _DeesDataviewCodebox = class _DeesDataviewCodebox extends (_a63 = DeesElemen
   }
   renderDiff() {
     const displayRows = this.displayRowsWithFolds();
-    return b2`
-      <div class="diffScroll">
-        ${this.effectiveDiffView === "split" ? this.renderSplitGrid(displayRows) : this.renderInlineGrid(displayRows)}
-      </div>
-    `;
+    return this.effectiveDiffView === "split" ? this.renderSplitGrid(displayRows) : b2`<div class="diffScroll">${this.renderInlineGrid(displayRows)}</div>`;
   }
   renderInlineGrid(displayRows) {
     return b2`
-      <div class="diffGrid inline">
+      <div class="diffGrid inline ${this.showDiffLineNumbers ? "" : "withoutLineNumbers"}">
         ${displayRows.map((displayRow) => {
       if (displayRow.kind === "fold") {
         return this.renderFoldRow(displayRow.rows.length, displayRow.ordinal ?? 0);
@@ -166700,8 +166713,10 @@ var _DeesDataviewCodebox = class _DeesDataviewCodebox extends (_a63 = DeesElemen
       }
       const rowClass = displayRow.kind === "add" ? "row-add" : displayRow.kind === "remove" ? "row-remove" : "";
       return b2`
-            <div class="diffNum ${rowClass}">${displayRow.oldLine ?? ""}</div>
-            <div class="diffNum ${rowClass}">${displayRow.newLine ?? ""}</div>
+            ${this.showDiffLineNumbers ? b2`
+                  <div class="diffNum ${rowClass}">${displayRow.oldLine ?? ""}</div>
+                  <div class="diffNum ${rowClass}">${displayRow.newLine ?? ""}</div>
+                ` : ""}
             <div class="diffSign ${rowClass}">${displayRow.kind === "add" ? "+" : displayRow.kind === "remove" ? "\u2212" : ""}</div>
             <div class="diffText ${rowClass}">${this.renderDiffLine(displayRow.text, displayRow.segments, displayRow.kind)}</div>
           `;
@@ -166710,17 +166725,17 @@ var _DeesDataviewCodebox = class _DeesDataviewCodebox extends (_a63 = DeesElemen
     `;
   }
   renderSplitGrid(displayRows) {
-    const rendered = [];
+    const leftRendered = [];
+    const rightRendered = [];
     let run3 = [];
     const flushRun = /* @__PURE__ */ __name(() => {
       for (const splitRow of buildSplitRows(run3)) {
         if (splitRow.kind === "hunk") {
-          rendered.push(b2`<div class="diffHunk">${splitRow.text}</div>`);
+          leftRendered.push(b2`<div class="diffHunk">${splitRow.text}</div>`);
+          rightRendered.push(b2`<div class="diffHunk">${splitRow.text}</div>`);
         } else {
-          rendered.push(b2`
-            ${this.renderSplitCell(splitRow.left, "left")}
-            ${this.renderSplitCell(splitRow.right, "right")}
-          `);
+          leftRendered.push(this.renderSplitCell(splitRow.left));
+          rightRendered.push(this.renderSplitCell(splitRow.right));
         }
       }
       run3 = [];
@@ -166728,26 +166743,37 @@ var _DeesDataviewCodebox = class _DeesDataviewCodebox extends (_a63 = DeesElemen
     for (const displayRow of displayRows) {
       if (displayRow.kind === "fold") {
         flushRun();
-        rendered.push(this.renderFoldRow(displayRow.rows.length, displayRow.ordinal ?? 0));
+        leftRendered.push(this.renderFoldRow(displayRow.rows.length, displayRow.ordinal ?? 0));
+        rightRendered.push(this.renderFoldRow(displayRow.rows.length, displayRow.ordinal ?? 0));
       } else {
         run3.push(displayRow);
       }
     }
     flushRun();
-    return b2`<div class="diffGrid split">${rendered}</div>`;
+    const lineNumberClass = this.showDiffLineNumbers ? "" : "withoutLineNumbers";
+    return b2`
+      <div class="diffSplit">
+        <div class="diffSplitPane" data-side="left" aria-label="Before">
+          <div class="diffGrid splitSide ${lineNumberClass}">${leftRendered}</div>
+        </div>
+        <div class="diffSplitDivider" aria-hidden="true"></div>
+        <div class="diffSplitPane" data-side="right" aria-label="After">
+          <div class="diffGrid splitSide ${lineNumberClass}">${rightRendered}</div>
+        </div>
+      </div>
+    `;
   }
-  renderSplitCell(cell2, side) {
-    const separatorClass = side === "right" ? "diffSplitSep" : "";
+  renderSplitCell(cell2) {
     if (!cell2) {
       return b2`
-        <div class="diffNum row-filler ${separatorClass}"></div>
+        ${this.showDiffLineNumbers ? b2`<div class="diffNum row-filler"></div>` : ""}
         <div class="diffSign row-filler"></div>
         <div class="diffText row-filler"></div>
       `;
     }
     const rowClass = cell2.kind === "add" ? "row-add" : cell2.kind === "remove" ? "row-remove" : "";
     return b2`
-      <div class="diffNum ${rowClass} ${separatorClass}">${cell2.line || ""}</div>
+      ${this.showDiffLineNumbers ? b2`<div class="diffNum ${rowClass}">${cell2.line || ""}</div>` : ""}
       <div class="diffSign ${rowClass}">${cell2.kind === "add" ? "+" : cell2.kind === "remove" ? "\u2212" : ""}</div>
       <div class="diffText ${rowClass}">${this.renderDiffLine(cell2.text, cell2.segments, cell2.kind)}</div>
     `;
@@ -166785,6 +166811,15 @@ var _DeesDataviewCodebox = class _DeesDataviewCodebox extends (_a63 = DeesElemen
   get effectiveDiffView() {
     return this.diffView === "split" ? "split" : "inline";
   }
+  setDiffView(diffViewArg) {
+    if (this.effectiveDiffView === diffViewArg) return;
+    this.diffView = diffViewArg;
+    this.dispatchEvent(new CustomEvent("diff-view-change", {
+      detail: { diffView: diffViewArg },
+      bubbles: true,
+      composed: true
+    }));
+  }
   willUpdate(changedProperties) {
     super.willUpdate(changedProperties);
     if (changedProperties.has("codeToDisplay")) {
@@ -166913,6 +166948,7 @@ _codeToDisplay = new WeakMap();
 _codeBefore = new WeakMap();
 _unifiedDiff = new WeakMap();
 _diffView = new WeakMap();
+_showDiffLineNumbers = new WeakMap();
 _highlightedCode = new WeakMap();
 _copied = new WeakMap();
 _expandedFolds = new WeakMap();
@@ -166923,6 +166959,7 @@ __decorateElement(_init64, 4, "codeToDisplay", _codeToDisplay_dec, _DeesDataview
 __decorateElement(_init64, 4, "codeBefore", _codeBefore_dec, _DeesDataviewCodebox, _codeBefore);
 __decorateElement(_init64, 4, "unifiedDiff", _unifiedDiff_dec, _DeesDataviewCodebox, _unifiedDiff);
 __decorateElement(_init64, 4, "diffView", _diffView_dec, _DeesDataviewCodebox, _diffView);
+__decorateElement(_init64, 4, "showDiffLineNumbers", _showDiffLineNumbers_dec, _DeesDataviewCodebox, _showDiffLineNumbers);
 __decorateElement(_init64, 4, "highlightedCode", _highlightedCode_dec, _DeesDataviewCodebox, _highlightedCode);
 __decorateElement(_init64, 4, "copied", _copied_dec, _DeesDataviewCodebox, _copied);
 __decorateElement(_init64, 4, "expandedFolds", _expandedFolds_dec, _DeesDataviewCodebox, _expandedFolds);
@@ -166971,9 +167008,40 @@ __publicField(_DeesDataviewCodebox, "styles", [
       .appbar .actions {
         grid-column: 3;
         display: flex;
+        align-items: center;
+        gap: var(--dees-spacing-sm);
         justify-content: flex-end;
       }
 
+      .viewToggle {
+        display: flex;
+        padding: 2px;
+        border: 1px solid var(--dees-color-border-subtle);
+        border-radius: var(--dees-radius-md);
+        background: var(--dees-color-bg-tertiary);
+      }
+
+      .viewButton {
+        padding: 3px 7px;
+        border: 0;
+        border-radius: calc(var(--dees-radius-md) - 2px);
+        background: transparent;
+        color: var(--dees-color-text-muted);
+        cursor: pointer;
+        font: inherit;
+        font-size: var(--dees-font-caption2-size);
+        line-height: 1.2;
+      }
+
+      .viewButton:hover {
+        color: var(--dees-color-text-primary);
+      }
+
+      .viewButton.active {
+        background: var(--dees-color-active);
+        color: var(--dees-color-text-primary);
+      }
+
       .copyButton {
         display: flex;
         align-items: center;
@@ -167095,8 +167163,37 @@ __publicField(_DeesDataviewCodebox, "styles", [
         grid-template-columns: minmax(3ch, auto) minmax(3ch, auto) 2ch minmax(0, 1fr);
       }
 
-      .diffGrid.split {
-        grid-template-columns: minmax(3ch, auto) 2ch minmax(24ch, 1fr) minmax(3ch, auto) 2ch minmax(24ch, 1fr);
+      .diffGrid.inline.withoutLineNumbers {
+        grid-template-columns: 2ch minmax(0, 1fr);
+      }
+
+      .diffSplit {
+        display: grid;
+        grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
+        align-items: start;
+        min-width: 0;
+        padding: var(--dees-spacing-sm) 0;
+      }
+
+      .diffSplitDivider {
+        align-self: stretch;
+        background: var(--dees-color-border-default);
+      }
+
+      .diffSplitPane {
+        min-width: 0;
+        overflow-x: auto;
+        overflow-y: hidden;
+        scrollbar-width: thin;
+        scrollbar-color: var(--dees-color-scrollbar-thumb) transparent;
+      }
+
+      .diffGrid.splitSide {
+        grid-template-columns: minmax(3ch, auto) 2ch minmax(24ch, 1fr);
+      }
+
+      .diffGrid.splitSide.withoutLineNumbers {
+        grid-template-columns: 2ch minmax(24ch, 1fr);
       }
 
       .diffGrid > div {
@@ -167184,10 +167281,6 @@ __publicField(_DeesDataviewCodebox, "styles", [
         color: var(--dees-color-link-hover);
       }
 
-      .diffSplitSep {
-        border-left: 1px solid var(--dees-color-border-subtle);
-      }
-
       .diffStat {
         font-weight: 600;
       }
@@ -173278,7 +173371,7 @@ var filePathOf = /* @__PURE__ */ __name((call) => inputField(call, "path") || in
 var defaultDescriptors = [
   {
     kind: "terminal",
-    names: ["run_command", "bash", "shell", "exec"],
+    names: ["run_command", "run_shell", "bash", "shell", "exec"],
     label: "Shell",
     icon: "lucide:Terminal",
     subtitle: /* @__PURE__ */ __name((call) => {
@@ -175959,11 +176052,14 @@ var parseApplyPatch = /* @__PURE__ */ __name((patchText) => {
   let current = null;
   const flush = /* @__PURE__ */ __name(() => {
     if (!current) return;
+    const unifiedDiff = current.op === "update" && current.sawHunk && current.lineNumbersKnown ? [`--- a/${current.path}`, `+++ b/${current.path}`, ...current.patch].join("\n") : void 0;
     files.push({
       op: current.op,
       path: current.path,
       before: current.before.join("\n"),
-      after: current.after.join("\n")
+      after: current.after.join("\n"),
+      unifiedDiff,
+      lineNumbersKnown: Boolean(unifiedDiff)
     });
     current = null;
   }, "flush");
@@ -175975,16 +176071,28 @@ var parseApplyPatch = /* @__PURE__ */ __name((patchText) => {
         op: header[1].toLowerCase(),
         path: header[2].trim(),
         before: [],
-        after: []
+        after: [],
+        patch: [],
+        sawHunk: false,
+        lineNumbersKnown: true
       };
       continue;
     }
-    if (/^\*\*\* (Begin|End) Patch/.test(line) || /^\*\*\* Move to: /.test(line)) {
+    if (/^\*\*\* (Begin|End) Patch/.test(line) || line === "*** End of File" || /^\*\*\* Move to: /.test(line)) {
       if (/End Patch/.test(line)) flush();
       continue;
     }
     if (!current) continue;
-    if (line.startsWith("@@")) continue;
+    if (line.startsWith("@@")) {
+      current.sawHunk = true;
+      if (/^@@ -\d+(?:,\d+)? \+\d+(?:,\d+)? @@/.test(line)) {
+        current.patch.push(line);
+      } else {
+        current.lineNumbersKnown = false;
+      }
+      continue;
+    }
+    current.patch.push(line);
     if (line.startsWith("+")) {
       current.after.push(line.slice(1));
     } else if (line.startsWith("-")) {
@@ -176051,7 +176159,9 @@ var renderFileWrite = /* @__PURE__ */ __name((call, helpers) => {
           return helpers.diffBlock(file.before, file.after, {
             language: patchLanguage,
             filename: patchFilename,
-            view: "split"
+            view: "split",
+            unifiedDiff: file.unifiedDiff,
+            showLineNumbers: file.lineNumbersKnown
           });
         }
         if (file.op === "add") {
@@ -176071,7 +176181,13 @@ var renderFileWrite = /* @__PURE__ */ __name((call, helpers) => {
   const filename = path2.split("/").pop() || void 0;
   const language = harnessLanguageForPath(path2);
   if (previousContent) {
-    return helpers.diffBlock(previousContent, newContent, { language, filename, view: "split" });
+    const isStringReplacement = input.oldString !== void 0 || input.old_string !== void 0;
+    return helpers.diffBlock(previousContent, newContent, {
+      language,
+      filename,
+      view: "split",
+      showLineNumbers: !isStringReplacement
+    });
   }
   if (newContent) {
     return helpers.codeBlock(newContent, language, filename);
@@ -176546,9 +176662,9 @@ var DeesHarnessToolFullscreen = _DeesHarnessToolFullscreen;
 init_dist_ts26();
 init_theme();
 init_dees_icon();
-var _outcomeScanTone_dec, _returnFlash_dec, _bodyOverflowing_dec, _uncapped_dec, _bodyCapPx_dec, _bodyMounted_dec, _outputExpanded_dec, _expanded_dec2, _allowSubtaskStreams_dec, _toolRegistry_dec2, _call_dec2, _a81, _DeesHarnessToolCard_decorators, _init82, _call2, _toolRegistry2, _allowSubtaskStreams, _expanded2, _outputExpanded, _bodyMounted, _bodyCapPx, _uncapped, _bodyOverflowing, _returnFlash, _outcomeScanTone;
+var _diffViewOverride_dec, _outcomeScanTone_dec, _returnFlash_dec, _bodyOverflowing_dec, _uncapped_dec, _bodyCapPx_dec, _bodyMounted_dec, _outputExpanded_dec, _expanded_dec2, _allowSubtaskStreams_dec, _toolRegistry_dec2, _call_dec2, _a81, _DeesHarnessToolCard_decorators, _init82, _call2, _toolRegistry2, _allowSubtaskStreams, _expanded2, _outputExpanded, _bodyMounted, _bodyCapPx, _uncapped, _bodyOverflowing, _returnFlash, _outcomeScanTone, _diffViewOverride;
 _DeesHarnessToolCard_decorators = [customElement("dees-harness-tool-card")];
-var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElement, _call_dec2 = [n5({ attribute: false })], _toolRegistry_dec2 = [n5({ attribute: false })], _allowSubtaskStreams_dec = [n5({ type: Boolean })], _expanded_dec2 = [r5()], _outputExpanded_dec = [r5()], _bodyMounted_dec = [r5()], _bodyCapPx_dec = [n5({ type: Number })], _uncapped_dec = [n5({ type: Boolean })], _bodyOverflowing_dec = [r5()], _returnFlash_dec = [r5()], _outcomeScanTone_dec = [r5()], _a81) {
+var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElement, _call_dec2 = [n5({ attribute: false })], _toolRegistry_dec2 = [n5({ attribute: false })], _allowSubtaskStreams_dec = [n5({ type: Boolean })], _expanded_dec2 = [r5()], _outputExpanded_dec = [r5()], _bodyMounted_dec = [r5()], _bodyCapPx_dec = [n5({ type: Number })], _uncapped_dec = [n5({ type: Boolean })], _bodyOverflowing_dec = [r5()], _returnFlash_dec = [r5()], _outcomeScanTone_dec = [r5()], _diffViewOverride_dec = [r5()], _a81) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _call2, __runInitializers(_init82, 8, this, { id: "", name: "", status: "pending" })), __runInitializers(_init82, 11, this);
@@ -176562,12 +176678,16 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
     __privateAdd(this, _bodyOverflowing, __runInitializers(_init82, 40, this, false)), __runInitializers(_init82, 43, this);
     __privateAdd(this, _returnFlash, __runInitializers(_init82, 44, this, false)), __runInitializers(_init82, 47, this);
     __privateAdd(this, _outcomeScanTone, __runInitializers(_init82, 48, this, null)), __runInitializers(_init82, 51, this);
+    __privateAdd(this, _diffViewOverride, __runInitializers(_init82, 52, this, null)), __runInitializers(_init82, 55, this);
     __publicField(this, "bodyResizeObserver", null);
     __publicField(this, "observedBodyInner", null);
     __publicField(this, "fullscreenPortal", null);
     __publicField(this, "disclosureFrame", null);
     __publicField(this, "subtaskResultElement", null);
     __publicField(this, "subtaskResultResizeObserver", null);
+    __publicField(this, "terminalTailFollowing", true);
+    __publicField(this, "terminalTailReturnTimeout", null);
+    __publicField(this, "terminalTailReturnDelayMs", 5e3);
     __publicField(this, "toggleDisclosure", /* @__PURE__ */ __name(() => {
       if (this.isOpen) {
         if (this.disclosureFrame !== null) cancelAnimationFrame(this.disclosureFrame);
@@ -176621,6 +176741,29 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
         this.scrollIntoView({ block: "center", behavior: "smooth" });
       });
     }, "closeFullscreen"));
+    __publicField(this, "handleBodyScroll", /* @__PURE__ */ __name((eventArg) => {
+      if (this.descriptor.kind !== "terminal" || this.uncapped) return;
+      const frame = eventArg.currentTarget;
+      this.terminalTailFollowing = frame.scrollHeight - frame.scrollTop - frame.clientHeight <= 2;
+      if (this.terminalTailFollowing) this.cancelTerminalTailReturn();
+    }, "handleBodyScroll"));
+    __publicField(this, "scheduleTerminalTailReturn", /* @__PURE__ */ __name(() => {
+      if (this.descriptor.kind !== "terminal" || this.terminalTailFollowing || this.uncapped) return;
+      this.cancelTerminalTailReturn();
+      this.terminalTailReturnTimeout = setTimeout(() => {
+        this.terminalTailReturnTimeout = null;
+        this.terminalTailFollowing = true;
+        this.scrollTerminalToTail();
+      }, this.terminalTailReturnDelayMs);
+    }, "scheduleTerminalTailReturn"));
+    __publicField(this, "cancelTerminalTailReturn", /* @__PURE__ */ __name(() => {
+      if (!this.terminalTailReturnTimeout) return;
+      clearTimeout(this.terminalTailReturnTimeout);
+      this.terminalTailReturnTimeout = null;
+    }, "cancelTerminalTailReturn"));
+    __publicField(this, "handleDiffViewChange", /* @__PURE__ */ __name((eventArg) => {
+      this.diffViewOverride = eventArg.detail.diffView;
+    }, "handleDiffViewChange"));
     __publicField(this, "syncSubtaskResultScroll", /* @__PURE__ */ __name(() => {
       const result = this.subtaskResultElement;
       if (!result) return;
@@ -176671,6 +176814,8 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
     const duration = harnessFormatDuration(call.startedAt, call.finishedAt);
     return b2`
       <div class="harness-card status-${effectiveStatus} ${descriptor.destructive ? "destructive" : ""} ${this.hasSubtaskPreview ? "subtaskPreviewCard" : ""} ${this.hasSubtaskPreview && open ? "subtaskPreviewOpen" : ""} ${this.returnFlash ? "returnFlash" : ""} ${this.outcomeScanTone ? `outcomeScan outcomeScan-${this.outcomeScanTone}` : ""}"
+        @mouseenter=${this.cancelTerminalTailReturn}
+        @mouseleave=${this.scheduleTerminalTailReturn}
         @animationend=${(event) => {
       if (event.animationName === "harness-card-return-flash") {
         this.endReturnFlash();
@@ -176710,6 +176855,7 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
                   <div
                     class="bodyClipFrame"
                     style=${this.uncapped || this.activeSubtaskPreview ? "" : `max-height: ${this.bodyCapPx}px;`}
+                    @scroll=${this.handleBodyScroll}
                   >
                     <div class=${`body bodyInner ${this.hasLiveSubtaskPreview ? "liveSubtaskBody" : ""}`}>
                       ${this.renderBody(call)}
@@ -176755,7 +176901,13 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
   willUpdate(changedProperties) {
     super.willUpdate(changedProperties);
     const previousCall = changedProperties.get("call");
-    if (!previousCall || previousCall.id !== this.call.id) return;
+    if (!previousCall) return;
+    if (previousCall.id !== this.call.id) {
+      this.diffViewOverride = null;
+      this.terminalTailFollowing = true;
+      this.cancelTerminalTailReturn();
+      return;
+    }
     const previousStatus = harnessEffectiveToolStatus(previousCall);
     const currentStatus = harnessEffectiveToolStatus(this.call);
     const wasActive = previousStatus === "pending" || previousStatus === "running";
@@ -176781,7 +176933,12 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
       return;
     }
     const bodyInner = this.shadowRoot?.querySelector(".bodyInner") ?? null;
-    if (bodyInner === this.observedBodyInner) return;
+    if (bodyInner === this.observedBodyInner) {
+      if ((changedProperties.has("call") || changedProperties.has("bodyCapPx")) && this.terminalTailFollowing) {
+        this.scrollTerminalToTail();
+      }
+      return;
+    }
     this.bodyResizeObserver?.disconnect();
     this.observedBodyInner = bodyInner;
     if (!bodyInner) {
@@ -176792,8 +176949,16 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
       const inner = this.observedBodyInner;
       if (!inner) return;
       this.bodyOverflowing = inner.scrollHeight > this.bodyCapPx + 24;
+      if (this.terminalTailFollowing) this.scrollTerminalToTail();
     });
     this.bodyResizeObserver.observe(bodyInner);
+    if (this.terminalTailFollowing) this.scrollTerminalToTail();
+  }
+  scrollTerminalToTail() {
+    if (this.descriptor.kind !== "terminal" || this.uncapped || !this.isOpen) return;
+    const frame = this.shadowRoot?.querySelector(".bodyClipFrame");
+    if (!frame) return;
+    frame.scrollTop = frame.scrollHeight;
   }
   connectSubtaskResultScroll() {
     const nextResult = this.shadowRoot?.querySelector(
@@ -176830,6 +176995,7 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
       clearTimeout(this.outcomeScanFallbackTimeout);
       this.outcomeScanFallbackTimeout = null;
     }
+    this.cancelTerminalTailReturn();
     this.fullscreenPortal?.remove();
     this.fullscreenPortal = null;
     this.bodyResizeObserver?.disconnect();
@@ -176942,9 +177108,12 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
         <dees-dataview-codebox
           .progLang=${options2?.language ?? "plaintext"}
           .filename=${options2?.filename ?? ""}
-          .diffView=${options2?.view ?? "inline"}
+          .diffView=${this.diffViewOverride ?? options2?.view ?? "inline"}
+          .unifiedDiff=${options2?.unifiedDiff ?? ""}
+          .showDiffLineNumbers=${options2?.showLineNumbers ?? true}
           .codeBefore=${before}
           .codeToDisplay=${after}
+          @diff-view-change=${this.handleDiffViewChange}
         ></dees-dataview-codebox>
       `, "diffBlock"),
       monoBlock: /* @__PURE__ */ __name((text8, options2) => {
@@ -176994,6 +177163,7 @@ _uncapped = new WeakMap();
 _bodyOverflowing = new WeakMap();
 _returnFlash = new WeakMap();
 _outcomeScanTone = new WeakMap();
+_diffViewOverride = new WeakMap();
 __decorateElement(_init82, 4, "call", _call_dec2, _DeesHarnessToolCard, _call2);
 __decorateElement(_init82, 4, "toolRegistry", _toolRegistry_dec2, _DeesHarnessToolCard, _toolRegistry2);
 __decorateElement(_init82, 4, "allowSubtaskStreams", _allowSubtaskStreams_dec, _DeesHarnessToolCard, _allowSubtaskStreams);
@@ -177005,6 +177175,7 @@ __decorateElement(_init82, 4, "uncapped", _uncapped_dec, _DeesHarnessToolCard, _
 __decorateElement(_init82, 4, "bodyOverflowing", _bodyOverflowing_dec, _DeesHarnessToolCard, _bodyOverflowing);
 __decorateElement(_init82, 4, "returnFlash", _returnFlash_dec, _DeesHarnessToolCard, _returnFlash);
 __decorateElement(_init82, 4, "outcomeScanTone", _outcomeScanTone_dec, _DeesHarnessToolCard, _outcomeScanTone);
+__decorateElement(_init82, 4, "diffViewOverride", _diffViewOverride_dec, _DeesHarnessToolCard, _diffViewOverride);
 _DeesHarnessToolCard = __decorateElement(_init82, 0, "DeesHarnessToolCard", _DeesHarnessToolCard_decorators, _DeesHarnessToolCard);
 __name(_DeesHarnessToolCard, "DeesHarnessToolCard");
 __publicField(_DeesHarnessToolCard, "demo", demoFunc56);
@@ -177407,7 +177578,7 @@ __publicField(_DeesHarnessToolCard, "styles", [
         border: 1px solid var(--dees-color-border-subtle);
         border-radius: var(--dees-radius-md);
         corner-shape: var(--dees-corner-shape);
-        background: var(--dees-color-code-block-bg, #0c0c0e);
+        background: #0c0c0e;
         overflow: hidden;
         font-family: var(--dees-font-family-mono);
         font-size: var(--dees-font-control-size-sm, 12px);
@@ -177417,7 +177588,7 @@ __publicField(_DeesHarnessToolCard, "styles", [
       .harness-terminal-command {
         padding: var(--dees-spacing-xs) var(--dees-spacing-md);
         border-bottom: 1px solid var(--dees-color-border-subtle);
-        color: var(--dees-color-text-primary);
+        color: #f5f5f7;
         font-weight: 600;
         white-space: pre-wrap;
         overflow-wrap: anywhere;
@@ -177432,7 +177603,7 @@ __publicField(_DeesHarnessToolCard, "styles", [
         margin: 0;
         padding: var(--dees-spacing-xs) var(--dees-spacing-md) var(--dees-spacing-sm);
         max-height: 100%;
-        color: var(--dees-color-text-secondary);
+        color: #c7c7cc;
         white-space: pre-wrap;
         overflow-wrap: anywhere;
       }
@@ -177446,7 +177617,7 @@ __publicField(_DeesHarnessToolCard, "styles", [
         align-items: center;
         gap: var(--dees-spacing-xs);
         padding: var(--dees-spacing-xs) var(--dees-spacing-md) var(--dees-spacing-sm);
-        color: var(--dees-color-text-muted);
+        color: #8e8e93;
       }
 
       .harness-terminal-running .cursor {
@@ -178970,11 +179141,12 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
       this.lastObservedScrollTop = top;
     }, "handleScroll"));
   }
-  /** messages and permissions merged chronologically (stable ids as keys) */
+  /** Messages and requests merged chronologically (stable ids as keys). */
   get timelineItems() {
-    const items = this.messages.map((message2) => ({
+    const items = this.messages.map((message2, insertionIndex) => ({
       kind: "message",
       time: message2.createdAt || 0,
+      insertionIndex,
       key: `message:${message2.id}`,
       message: message2,
       toolLayout: message2.toolCall ? this.toolRegistry.resolveLayout(message2.toolCall) : null
@@ -178985,6 +179157,7 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
         // pending requests pin to the end (action required); answered ones
         // freeze at their response time in the flow
         time: request.response ? request.respondedAt ?? request.createdAt ?? 0 : Number.MAX_SAFE_INTEGER,
+        insertionIndex: items.length,
         key: `permission:${request.id}`,
         request
       });
@@ -178993,11 +179166,23 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
       items.push({
         kind: "question",
         time: question.response ? question.respondedAt ?? question.createdAt ?? 0 : Number.MAX_SAFE_INTEGER,
+        insertionIndex: items.length,
         key: `question:${question.id}`,
         question
       });
     }
-    return items.sort((left, right) => left.time - right.time);
+    items.sort((left, right) => left.time - right.time || left.insertionIndex - right.insertionIndex);
+    const orderedSlots = [];
+    const orderedMessages = [];
+    for (const [index3, item] of items.entries()) {
+      if (item.kind === "message" && Number.isSafeInteger(item.message.order?.messageIndex) && Number(item.message.order?.messageIndex) >= 0 && Number.isSafeInteger(item.message.order?.partIndex) && Number(item.message.order?.partIndex) >= 0) {
+        orderedSlots.push(index3);
+        orderedMessages.push(item);
+      }
+    }
+    orderedMessages.sort((left, right) => left.message.order.messageIndex - right.message.order.messageIndex || left.message.order.partIndex - right.message.order.partIndex || left.insertionIndex - right.insertionIndex);
+    for (const [index3, slot] of orderedSlots.entries()) items[slot] = orderedMessages[index3];
+    return items;
   }
   buildTimelineRenderItems() {
     const items = this.timelineItems;
@@ -205457,7 +205642,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "6.3.0",
+  version: "6.5.0",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };
 

package/dist_ts_web/00_commitinfo_data.js

@@ -3,7 +3,7 @@
  */
 export const commitinfo = {
     name: '@design.estate/dees-catalog',
-    version: '6.3.0',
+    version: '6.5.0',
     description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 };
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMDBfY29tbWl0aW5mb19kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vdHNfd2ViLzAwX2NvbW1pdGluZm9fZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRztJQUN4QixJQUFJLEVBQUUsNkJBQTZCO0lBQ25DLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLFdBQVcsRUFBRSxzSkFBc0o7Q0FDcEssQ0FBQSJ9

package/dist_ts_web/elements/00group-dataview/dees-dataview-codebox/dees-dataview-codebox.d.ts

@@ -6,6 +6,10 @@ declare global {
         'dees-dataview-codebox': DeesDataviewCodebox;
     }
 }
+export type TDiffView = 'inline' | 'split';
+export interface IDiffViewChangeDetail {
+    diffView: TDiffView;
+}
 export declare class DeesDataviewCodebox extends DeesElement {
     static demo: () => TemplateResult<1>;
     static demoGroups: string[];
@@ -22,7 +26,9 @@ export declare class DeesDataviewCodebox extends DeesElement {
     accessor codeBefore: string;
     accessor unifiedDiff: string;
     /** '' = regular code view; 'inline' = unified rows; 'split' = side by side */
-    accessor diffView: '' | 'inline' | 'split';
+    accessor diffView: '' | TDiffView;
+    /** Hide gutters when a diff source does not provide trustworthy positions. */
+    accessor showDiffLineNumbers: boolean;
     accessor highlightedCode: string;
     accessor copied: boolean;
     accessor expandedFolds: ReadonlySet<number>;
@@ -46,7 +52,8 @@ export declare class DeesDataviewCodebox extends DeesElement {
     private diffHighlightCache;
     /** Diff mode is active when a diff input or an explicit diffView is set. */
     get isDiffActive(): boolean;
-    get effectiveDiffView(): 'inline' | 'split';
+    get effectiveDiffView(): TDiffView;
+    private setDiffView;
     willUpdate(changedProperties: Map<string, any>): void;
     private displayRowsWithFolds;
     updated(changedProperties: Map<string, any>): Promise<void>;