@design.estate/dees-catalog 9.7.0 → 9.8.0

package/dist_bundle/bundle.js

@@ -165269,6 +165269,8 @@ var _DeesAppui = class _DeesAppui extends (_a75 = DeesElement, _appbarMenuItems_
       this.searchCallback = config2.onSearch;
     }
     const initialRoute = this.viewRegistry.findByRoute(window.location.hash.slice(1));
+    const initialViewId = initialRoute?.view.id ?? config2.defaultView;
+    if (initialViewId) this.setMainMenuSelection(initialViewId);
     if (initialRoute) {
       void this.queueNavigation(initialRoute.view.id, initialRoute.params, initialRoute.query, "replace");
     } else if (config2.defaultView) {
@@ -168585,6 +168587,45 @@ var harnessSummarizeValue = /* @__PURE__ */ __name((value2) => {
 var harnessSummaryLine = /* @__PURE__ */ __name((value2) => {
   return harnessSummarizeValue(value2).split("\n")[0] || "";
 }, "harnessSummaryLine");
+var ansiEscapePattern = /\x1b\[[0-9;?]*[A-Za-z]|\x1b\][^\x07]*(?:\x07|\x1b\\)|\x1b[=>]/g;
+var harnessStripAnsi = /* @__PURE__ */ __name((text8) => text8.replace(ansiEscapePattern, ""), "harnessStripAnsi");
+var harnessTerminalOutcome = /* @__PURE__ */ __name((callArg) => {
+  const output = callArg.output;
+  let stdout = "";
+  let stderr = "";
+  let nestedExitCode;
+  if (harnessIsRecord(output)) {
+    stdout = typeof output.stdout === "string" ? output.stdout : harnessStringifyValue(output.stdout ?? "");
+    stderr = typeof output.stderr === "string" ? output.stderr : "";
+    nestedExitCode = typeof output.exitCode === "number" ? output.exitCode : void 0;
+  } else {
+    stdout = harnessStringifyValue(output);
+  }
+  const exitCode3 = typeof callArg.exitCode === "number" ? callArg.exitCode : nestedExitCode;
+  return { stdout, stderr, ...exitCode3 === void 0 ? {} : { exitCode: exitCode3 } };
+}, "harnessTerminalOutcome");
+var harnessLastMeaningfulLine = /* @__PURE__ */ __name((text8) => {
+  const lines = harnessStripAnsi(text8).split("\n");
+  for (let index3 = lines.length - 1; index3 >= 0; index3 -= 1) {
+    const line = lines[index3].trim();
+    if (line) return line;
+  }
+  return "";
+}, "harnessLastMeaningfulLine");
+var harnessTerminalResultSummary = /* @__PURE__ */ __name((callArg) => {
+  const { stdout, stderr, exitCode: exitCode3 } = harnessTerminalOutcome(callArg);
+  const parts = [];
+  if (exitCode3 !== void 0) parts.push(exitCode3 === 0 ? "exit 0" : `exit ${exitCode3}`);
+  const combined = `${stdout}${stdout && stderr ? "\n" : ""}${stderr}`;
+  const lineCount = combined ? harnessStripAnsi(combined).split("\n").filter((line) => line.trim()).length : 0;
+  if (lineCount > 0) parts.push(`${lineCount} ${lineCount === 1 ? "line" : "lines"}`);
+  else if (exitCode3 !== void 0) parts.push("no output");
+  const lastLine = harnessLastMeaningfulLine(stderr) || harnessLastMeaningfulLine(stdout);
+  const prefix = parts.join(" \xB7 ");
+  if (!lastLine) return prefix;
+  const trimmed = lastLine.length > 160 ? `${lastLine.slice(0, 160)}\u2026` : lastLine;
+  return prefix ? `${prefix} \xB7 ${trimmed}` : trimmed;
+}, "harnessTerminalResultSummary");
 
 // ts_web/elements/00group-harness/toolregistry.ts
 var parseMcpName = /* @__PURE__ */ __name((rawName) => {
@@ -168620,7 +168661,15 @@ var defaultDescriptors = [
       return command2 ? `${command2}${cwd2 ? ` \u2014 in ${cwd2}` : ""}` : harnessSummaryLine(call.input);
     }, "subtitle"),
     defaultExpanded: true,
-    layout: "full-row"
+    layout: "full-row",
+    /*
+     * Only a command that can be PROVEN to have succeeded collapses. An absent exit code is not
+     * evidence of success: a producer that reports a failed command as completed and encodes the
+     * failure in its output would otherwise have that failure hidden behind a one-line summary.
+     * Such a card stays open, and the producer reporting an exit code is the real fix.
+     */
+    collapseWhenFinished: /* @__PURE__ */ __name((call) => harnessTerminalOutcome(call).exitCode === 0, "collapseWhenFinished"),
+    summary: harnessTerminalResultSummary
   },
   {
     kind: "file-read",
@@ -171326,30 +171375,17 @@ var applyPatchFirstPath = /* @__PURE__ */ __name((call) => {
   const match2 = patchText.match(/^\*\*\* (?:Add|Update|Delete) File: (.+)$/m);
   return match2 ? match2[1].trim() : "";
 }, "applyPatchFirstPath");
-var ansiEscapePattern = /\x1b\[[0-9;?]*[A-Za-z]|\x1b\][^\x07]*(?:\x07|\x1b\\)|\x1b[=>]/g;
-var stripAnsi = /* @__PURE__ */ __name((text8) => text8.replace(ansiEscapePattern, ""), "stripAnsi");
 var renderTerminal = /* @__PURE__ */ __name((call, helpers) => {
   const input = inputRecord(call);
   const command2 = String(input.command ?? "");
-  const output = call.output;
-  let stdout = "";
-  let stderr = "";
-  let nestedExitCode;
-  if (harnessIsRecord(output)) {
-    stdout = typeof output.stdout === "string" ? output.stdout : harnessStringifyValue(output.stdout ?? "");
-    stderr = typeof output.stderr === "string" ? output.stderr : "";
-    nestedExitCode = typeof output.exitCode === "number" ? output.exitCode : void 0;
-  } else {
-    stdout = harnessStringifyValue(output);
-  }
-  const exitCode3 = typeof call.exitCode === "number" ? call.exitCode : nestedExitCode;
+  const { stdout, stderr, exitCode: exitCode3 } = harnessTerminalOutcome(call);
   const running = call.status === "pending" || call.status === "running";
   return b2`
     <div class="harness-terminal">
       ${command2 ? b2`<div class="harness-terminal-command"><span class="prompt">$</span> ${command2}</div>` : ""}
-      ${stdout ? b2`<pre class="harness-terminal-output">${stripAnsi(stdout)}</pre>` : ""}
-      ${stderr ? b2`<pre class="harness-terminal-output tone-error">${stripAnsi(stderr)}</pre>` : ""}
-      ${call.errorText ? b2`<pre class="harness-terminal-output tone-error">${stripAnsi(call.errorText)}</pre>` : ""}
+      ${stdout ? b2`<pre class="harness-terminal-output">${harnessStripAnsi(stdout)}</pre>` : ""}
+      ${stderr ? b2`<pre class="harness-terminal-output tone-error">${harnessStripAnsi(stderr)}</pre>` : ""}
+      ${call.errorText ? b2`<pre class="harness-terminal-output tone-error">${harnessStripAnsi(call.errorText)}</pre>` : ""}
       ${running && !stdout && !stderr ? b2`<div class="harness-terminal-running"><span class="cursor"></span> running…</div>` : ""}
       ${exitCode3 !== void 0 ? b2`<div class="harness-terminal-exit ${exitCode3 === 0 ? "tone-success" : ""}">exit code ${exitCode3}</div>` : ""}
     </div>
@@ -171930,7 +171966,7 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a89 = DeesElemen
     __publicField(this, "fullscreenPortal", null);
     __publicField(this, "disclosureFrame", null);
     __publicField(this, "returnScrollFrame", null);
-    __publicField(this, "subtaskResultElement", null);
+    __publicField(this, "subtaskDetailElements", []);
     __publicField(this, "subtaskResultResizeObserver", null);
     __publicField(this, "terminalTailFollowing", true);
     __publicField(this, "terminalScrollHydrated", false);
@@ -172036,13 +172072,13 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a89 = DeesElemen
       if (this.viewState) this.viewState.toolDiffView = this.diffViewOverride;
     }, "handleDiffViewChange"));
     __publicField(this, "syncSubtaskResultScroll", /* @__PURE__ */ __name(() => {
-      const result = this.subtaskResultElement;
-      if (!result) return;
-      result.classList.toggle("fadeTop", result.scrollTop > 1);
-      result.classList.toggle(
-        "fadeBottom",
-        result.scrollHeight - result.scrollTop - result.clientHeight > 1
-      );
+      for (const panel of this.subtaskDetailElements) {
+        panel.classList.toggle("fadeTop", panel.scrollTop > 1);
+        panel.classList.toggle(
+          "fadeBottom",
+          panel.scrollHeight - panel.scrollTop - panel.clientHeight > 1
+        );
+      }
     }, "syncSubtaskResultScroll"));
   }
   get descriptor() {
@@ -172062,9 +172098,21 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a89 = DeesElemen
       return this.allowSubtaskStreams && (this.call.subtask.status.type === "busy" || this.call.subtask.status.type === "error");
     }
     if (this.call.status === "error" || this.call.isError) return true;
+    if (this.call.status === "completed" && this.resolvedCollapseWhenFinished) return false;
     if (typeof descriptor.defaultExpanded === "function") return descriptor.defaultExpanded(this.enrichedCall);
     return descriptor.defaultExpanded ?? false;
   }
+  get resolvedCollapseWhenFinished() {
+    const collapseWhenFinished = this.descriptor.collapseWhenFinished;
+    if (typeof collapseWhenFinished === "function") return collapseWhenFinished(this.enrichedCall);
+    return collapseWhenFinished ?? false;
+  }
+  /** Outcome line shown only while collapsed; the subtitle already carries the request. */
+  get collapsedSummary() {
+    if (this.isOpen || !this.descriptor.summary) return "";
+    if (this.call.status !== "completed" && this.call.status !== "stopped") return "";
+    return this.descriptor.summary(this.enrichedCall).trim();
+  }
   get hasSubtaskPreview() {
     return this.allowSubtaskStreams && this.descriptor.kind === "subtask" && this.call.subtask !== void 0;
   }
@@ -172080,10 +172128,15 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a89 = DeesElemen
     const open = this.isOpen;
     const renderBody = this.bodyMounted || open;
     const label = typeof descriptor.label === "function" ? descriptor.label(call) : descriptor.label;
-    const subtitle = descriptor.subtitle?.(call) ?? "";
+    const derivedSubtitle = descriptor.subtitle?.(call) ?? "";
+    const producerTitle = typeof call.title === "string" ? call.title.trim() : "";
+    const subtitle = producerTitle || derivedSubtitle;
+    const subtitleTooltip = producerTitle && derivedSubtitle && derivedSubtitle !== producerTitle ? `${producerTitle}
+${derivedSubtitle}` : subtitle;
     const effectiveStatus = harnessEffectiveToolStatus(call);
     const statusTone = effectiveStatus === "completed" ? "success" : effectiveStatus === "stopped" ? "warning" : effectiveStatus;
     const duration = harnessFormatDuration(call.startedAt, call.finishedAt);
+    const collapsedSummary = this.collapsedSummary;
     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}
@@ -172108,7 +172161,8 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a89 = DeesElemen
               <span class="toolLabel">${label}</span>
               ${this.renderMcpBadges(call)}
             </span>
-            ${subtitle ? b2`<dees-harness-overflow-text class="subtitle" title=${subtitle}>${subtitle}</dees-harness-overflow-text>` : ""}
+            ${subtitle ? b2`<dees-harness-overflow-text class="subtitle" title=${subtitleTooltip}>${subtitle}</dees-harness-overflow-text>` : ""}
+            ${collapsedSummary ? b2`<dees-harness-overflow-text class="resultSummary" title=${collapsedSummary}>${collapsedSummary}</dees-harness-overflow-text>` : ""}
           </span>
           <span class="metaColumn">
             ${call.startedAt ? b2`<span class="duration">${harnessFormatClockTime(call.startedAt)}</span>` : ""}
@@ -172284,20 +172338,25 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a89 = DeesElemen
     frameArg.scrollTop = scrollTopArg;
   }
   connectSubtaskResultScroll() {
-    const nextResult = this.shadowRoot?.querySelector(
-      ".harness-subtask-detail-result .harness-subtask-detail-text"
-    ) ?? null;
-    if (nextResult === this.subtaskResultElement) {
+    const nextPanels = [...this.shadowRoot?.querySelectorAll(
+      ".harness-subtask-detail-brief .harness-subtask-detail-text, .harness-subtask-detail-result .harness-subtask-detail-text"
+    ) ?? []];
+    const unchanged = nextPanels.length === this.subtaskDetailElements.length && nextPanels.every((panel, index3) => panel === this.subtaskDetailElements[index3]);
+    if (unchanged) {
       this.syncSubtaskResultScroll();
       return;
     }
-    this.subtaskResultElement?.removeEventListener("scroll", this.syncSubtaskResultScroll);
+    for (const panel of this.subtaskDetailElements) {
+      panel.removeEventListener("scroll", this.syncSubtaskResultScroll);
+    }
     this.subtaskResultResizeObserver?.disconnect();
-    this.subtaskResultElement = nextResult;
-    if (!nextResult) return;
-    nextResult.addEventListener("scroll", this.syncSubtaskResultScroll, { passive: true });
+    this.subtaskDetailElements = nextPanels;
+    if (!nextPanels.length) return;
     this.subtaskResultResizeObserver ??= new ResizeObserver(this.syncSubtaskResultScroll);
-    this.subtaskResultResizeObserver.observe(nextResult);
+    for (const panel of nextPanels) {
+      panel.addEventListener("scroll", this.syncSubtaskResultScroll, { passive: true });
+      this.subtaskResultResizeObserver.observe(panel);
+    }
     this.syncSubtaskResultScroll();
   }
   async connectedCallback() {
@@ -172341,8 +172400,10 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a89 = DeesElemen
     this.bodyResizeObserver?.disconnect();
     this.bodyResizeObserver = null;
     this.observedBodyInner = null;
-    this.subtaskResultElement?.removeEventListener("scroll", this.syncSubtaskResultScroll);
-    this.subtaskResultElement = null;
+    for (const panel of this.subtaskDetailElements) {
+      panel.removeEventListener("scroll", this.syncSubtaskResultScroll);
+    }
+    this.subtaskDetailElements = [];
     this.subtaskResultResizeObserver?.disconnect();
     this.subtaskResultResizeObserver = null;
     await super.disconnectedCallback();
@@ -172564,7 +172625,11 @@ __publicField(_DeesHarnessToolCard, "styles", [
       .harness-card.subtaskPreviewOpen {
         display: flex;
         flex-direction: column;
-        height: var(--dees-harness-active-subtask-height, 320px);
+        /*
+         * A cap, not a fixed height: a short brief and result let the card size to their own
+         * text, and only content taller than the cap hands the overflow to the inner scrollers.
+         */
+        max-height: var(--dees-harness-active-subtask-height, 320px);
         box-sizing: border-box;
         overflow: hidden;
       }
@@ -172592,7 +172657,27 @@ __publicField(_DeesHarnessToolCard, "styles", [
         overflow: hidden;
       }
 
-      .harness-card.subtaskPreviewOpen .body,
+      /*
+       * The body takes its height from flex layout rather than a percentage: a capped card has no
+       * definite height for a percentage to resolve against, so a 100% height would collapse to
+       * auto and the inner scrollers would never engage. As a flex item it shrinks to the cap when
+       * the content overflows and sizes to its text when it does not.
+       */
+      .harness-card.subtaskPreviewOpen .bodyClipFrame {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .harness-card.subtaskPreviewOpen .body {
+        flex: 1;
+        min-height: 0;
+      }
+
+      /* A streaming child fills the cap so its transcript has a stable window to scroll in. */
+      .harness-card.subtaskPreviewOpen:has(.liveSubtaskBody) {
+        height: var(--dees-harness-active-subtask-height, 320px);
+      }
+
       .harness-card.subtaskPreviewOpen .subtaskPreview {
         min-height: 0;
         height: 100%;
@@ -172682,6 +172767,15 @@ __publicField(_DeesHarnessToolCard, "styles", [
         font-size: 12px;
       }
 
+      /* Stands in for the body while a finished card is collapsed. */
+      .resultSummary {
+        display: block;
+        margin-top: 2px;
+        color: var(--dees-color-text-secondary);
+        font-family: var(--dees-font-family-mono, monospace);
+        font-size: 11px;
+      }
+
       .metaColumn {
         display: flex;
         align-items: center;
@@ -175105,6 +175199,8 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a94 = Dees
             <article
               class="virtualItem"
               data-virtual-key=${entry.item.key}
+              data-tool-layout=${this.timelineItemLayout(entry.item)}
+              data-tool-count=${this.timelineItemCount(entry.item)}
               aria-posinset=${entry.index + 1}
               aria-setsize=${this.timelineRenderItems.length}
               style=${`--harness-virtual-offset: ${this.virtualOffsets[entry.index] ?? 0}px;`}
@@ -175127,6 +175223,17 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a94 = Dees
     }
     return indexes.sort((left, right) => left - right);
   }
+  /** Mirrors the row's layout onto the virtual wrapper so width rules match the flowed stack. */
+  timelineItemLayout(itemArg) {
+    if (itemArg.kind === "tool-group") return itemArg.layout;
+    if (itemArg.kind === "message") return itemArg.toolLayout ?? "message";
+    return itemArg.kind;
+  }
+  /** Group size, mirrored onto the virtual wrapper so width rules match the flowed stack. */
+  timelineItemCount(itemArg) {
+    if (itemArg.kind !== "tool-group") return 1;
+    return itemArg.messages.length >= 4 ? 4 : itemArg.messages.length;
+  }
   renderTimelineItem(itemArg, logicalIndexArg) {
     if (itemArg.kind === "tool-group") return this.renderToolGroup(itemArg);
     if (itemArg.kind === "message") return this.renderMessage(itemArg, itemArg.key);
@@ -175193,6 +175300,7 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a94 = Dees
         data-timeline-key=${groupArg.key}
         data-tool-group-id=${groupArg.key}
         data-tool-layout=${groupArg.layout}
+        data-tool-count=${count2 >= 4 ? 4 : count2}
       >
         <div class=${`toolGrid ${countClass}`}>
           ${repeat4(
@@ -176089,8 +176197,42 @@ __publicField(_DeesHarnessMessageList, "styles", [
         transform: translate3d(0, var(--harness-virtual-offset), 0);
       }
 
+      /*
+       * Prose is held to a readable measure while wide payloads keep the whole pane. Applied to
+       * the transcript rows themselves because a message host clips on both axes, so nothing
+       * nested inside one can bleed back out.
+       */
+      .stack > *,
+      .virtualItem {
+        width: min(var(--dees-harness-content-width, 820px), 100%);
+        margin-inline: auto;
+      }
+
+      .stack > [data-tool-layout='full-row'],
+      .stack > [data-tool-layout='subtask'],
+      .virtualItem[data-tool-layout='full-row'],
+      .virtualItem[data-tool-layout='subtask'] {
+        width: 100%;
+      }
+
+      /*
+       * One or two subagents are read like any other content, so they stay on the measure. The
+       * pane is only worth taking once three or more cards have to sit side by side.
+       */
+      .stack > [data-tool-layout='subtask'][data-tool-count='1'],
+      .stack > [data-tool-layout='subtask'][data-tool-count='2'],
+      .virtualItem[data-tool-layout='subtask'][data-tool-count='1'],
+      .virtualItem[data-tool-layout='subtask'][data-tool-count='2'] {
+        width: min(var(--dees-harness-content-width, 820px), 100%);
+      }
+
       .toolGroup {
         min-width: 0;
+        /*
+         * Column packing has to measure the row it happens in, not the scroller, now that a
+         * compact row is narrower than the pane.
+         */
+        container: harness-transcript / inline-size;
       }
 
       .toolGrid {
@@ -176293,7 +176435,6 @@ var _DeesHarnessComposer = class _DeesHarnessComposer extends (_a95 = DeesElemen
       this.value = event.currentTarget.value;
       this.resetSuggestionInteraction();
       this.emitInput(this.value);
-      this.autogrow();
     }, "handleTextInput"));
     __publicField(this, "handleKeydown", /* @__PURE__ */ __name((event) => {
       if (event.isComposing || this.composing) return;
@@ -176396,7 +176537,6 @@ var _DeesHarnessComposer = class _DeesHarnessComposer extends (_a95 = DeesElemen
     this.value = "";
     this.resetSuggestionInteraction();
     this.emitInput("");
-    this.autogrow();
   }
   willUpdate(changedProperties) {
     super.willUpdate(changedProperties);
@@ -176408,6 +176548,7 @@ var _DeesHarnessComposer = class _DeesHarnessComposer extends (_a95 = DeesElemen
       this.attachmentGeneration++;
       if (!this.attachmentsEnabled || this.disabled) this.handleDragLeave();
     }
+    if (changedProperties.has("value")) this.autogrow();
     this.syncTextareaSuggestionAria();
   }
   render() {
@@ -176909,7 +177050,12 @@ __publicField(_DeesHarnessComposer, "styles", [
         border: 0;
         border-top: 1px solid var(--dees-color-border-subtle);
         border-radius: 0;
-        padding: 10px 16px 12px;
+        /*
+         * The docked bar stays full-bleed — its background and top border belong to the whole
+         * column — while its content is inset to the transcript's measure, so the prompt lines up
+         * with the messages above it instead of floating as a narrower block.
+         */
+        padding: 10px max(16px, calc((100% - var(--dees-harness-content-width, 820px)) / 2)) 12px;
       }
 
       :host([docked]) .composer.dragOver {
@@ -223321,7 +223467,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "9.7.0",
+  version: "9.8.0",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };
 
@@ -223519,10 +223665,13 @@ export {
   harnessParseTodos,
   harnessPillStyles,
   harnessStringifyValue,
+  harnessStripAnsi,
   harnessSummarizeValue,
   harnessSummaryLine,
   harnessSupportedImageTypes,
   harnessSupportedTextTypes,
+  harnessTerminalOutcome,
+  harnessTerminalResultSummary,
   harnessTruncate,
   isInViewport,
   makeStreamingSimulator,