@design.estate/dees-catalog 11.0.0 → 11.2.0

package/dist_bundle/bundle.js

@@ -168881,7 +168881,7 @@ var harnessTerminalResultSummary = /* @__PURE__ */ __name((callArg) => {
   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");
+  else parts.push("no output");
   const lastLine = harnessLastMeaningfulLine(stderr) || harnessLastMeaningfulLine(stdout);
   const prefix = parts.join(" \xB7 ");
   if (!lastLine) return prefix;
@@ -168925,12 +168925,16 @@ var defaultDescriptors = [
     defaultExpanded: true,
     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.
+     * A finished command collapses unless it reports a failure. A missing exit code is not a
+     * failure — most harnesses never send one — so requiring proof of success kept nearly every
+     * terminal card open and left whole transcripts expanded. A non-zero exit keeps its output on
+     * screen; an error or a stopped command never reaches this rule, because the card keeps those
+     * open on status alone. The user's own expand or collapse still wins over all of it.
      */
-    collapseWhenFinished: /* @__PURE__ */ __name((call) => harnessTerminalOutcome(call).exitCode === 0, "collapseWhenFinished"),
+    collapseWhenFinished: /* @__PURE__ */ __name((call) => {
+      const { exitCode: exitCode3 } = harnessTerminalOutcome(call);
+      return exitCode3 === void 0 || exitCode3 === 0;
+    }, "collapseWhenFinished"),
     summary: harnessTerminalResultSummary
   },
   {
@@ -169790,6 +169794,51 @@ var toolShowcase = /* @__PURE__ */ __name(() => {
         startedAt: now3 - 155e3,
         finishedAt: now3 - 152e3
       }
+    },
+    {
+      id: "demo-t4",
+      role: "assistant",
+      text: "Re-ran the suite to confirm the cache key fix.",
+      createdAt: now3 - 14e4
+    },
+    // A finished command that never reported an exit code: it collapses like any other clean
+    // finish, alone in its row, so it shows the collapsed reading measure.
+    {
+      id: "demo-t5",
+      role: "tool",
+      text: "",
+      createdAt: now3 - 13e4,
+      toolCall: {
+        id: "call-5",
+        name: "run_command",
+        status: "completed",
+        input: { command: "pnpm test --filter sitemap", cwd: "/srv/app" },
+        output: "14 tests passed\n0 failed",
+        startedAt: now3 - 136e3,
+        finishedAt: now3 - 131e3
+      }
+    },
+    {
+      id: "demo-t6",
+      role: "assistant",
+      text: "The lint run is still failing though.",
+      createdAt: now3 - 12e4
+    },
+    // The other half of the rule: a non-zero exit keeps its output on screen and the pane with it.
+    {
+      id: "demo-t7",
+      role: "tool",
+      text: "",
+      createdAt: now3 - 11e4,
+      toolCall: {
+        id: "call-7",
+        name: "run_command",
+        status: "completed",
+        input: { command: "pnpm lint", cwd: "/srv/app" },
+        output: { exitCode: 1, stdout: "", stderr: "sitemap.job.ts:12:3  error  Unexpected any" },
+        startedAt: now3 - 116e3,
+        finishedAt: now3 - 111e3
+      }
     }
   ];
 }, "toolShowcase");
@@ -172543,6 +172592,7 @@ ${derivedSubtitle}` : subtitle;
   }
   updated(changedProperties) {
     super.updated(changedProperties);
+    this.toggleAttribute("data-collapsed", !this.isOpen);
     if (!this.isConnected) return;
     this.terminalScrollHydrationFrame ??= requestAnimationFrame(() => {
       this.terminalScrollHydrationFrame = null;
@@ -172877,7 +172927,21 @@ __publicField(_DeesHarnessToolCard, "styles", [
       :host {
         display: block;
         container-type: inline-size;
+        margin-inline: auto;
+        max-width: 100%;
         font-family: var(--dees-font-family);
+        transition: max-width var(--dees-transition-default) var(--dees-ease-standard);
+      }
+
+      /*
+       * A collapsed card may be held to a narrower measure than its row. The host — not the inner
+       * surface — carries the constraint so the card's own inline-size container keeps measuring
+       * what is actually rendered. The width comes from the context the card sits in: a transcript
+       * row that holds this card alone sets it, a multi-card grid cell leaves it unset, and a
+       * direct host falls back to the full row.
+       */
+      :host([data-collapsed]) {
+        max-width: var(--dees-harness-collapsed-tool-width, 100%);
       }
 
       .harness-card.subtaskPreviewCard {
@@ -176477,6 +176541,18 @@ __publicField(_DeesHarnessMessageList, "styles", [
         width: 100%;
       }
 
+      /*
+       * The pane is what an open command or diff needs, not what its one-line collapsed header
+       * needs, so a closed card returns to the reading measure inside its row. Only a row holding
+       * a single card offers it: in a multi-card grid the cell width is the layout, and shrinking
+       * one card would break the row. The card applies this itself — it alone knows whether it is
+       * open — and the measure stays defined here, with the rest of the column rules.
+       */
+      .stack > [data-tool-layout='full-row'][data-tool-count='1'],
+      .virtualItem[data-tool-layout='full-row'][data-tool-count='1'] {
+        --dees-harness-collapsed-tool-width: min(var(--dees-harness-content-width, 820px), 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.
@@ -176534,8 +176610,13 @@ __publicField(_DeesHarnessMessageList, "styles", [
         }
       }
 
+      /*
+       * The activity line is the tail of the transcript, not chrome around it, so it sits on the
+       * same measure as the prose rows and starts at their left edge instead of spanning the pane.
+       */
       .statusRow {
-        padding: 0 var(--dees-spacing-xs);
+        width: min(var(--dees-harness-content-width, 820px), 100%);
+        margin-inline: auto;
       }
 
       .empty {
@@ -179398,13 +179479,13 @@ var stages = {
   paused: { state: "normal", label: "Paused", description: "Permission was declined. The requested action did not run." }
 };
 var demoSessions = /* @__PURE__ */ __name(() => [
-  { title: "Fix sitemap cache key", harness: { id: "codex", name: "Codex" }, stage: "approval" },
-  { title: "Investigate model rate limits", harness: { id: "opencode", name: "OpenCode" }, stage: "working" },
-  { title: "Refactor workbench layout", harness: { id: "flexharness", name: "FlexHarness" }, stage: "feedback" },
-  { title: "Add adaptive code diffs", harness: { id: "codex", name: "Codex" }, stage: "finished" },
-  { title: "Prepare the catalog release", harness: { id: "opencode", name: "OpenCode" }, stage: "error" },
+  { title: "Fix sitemap cache key", harness: { id: "codex", name: "Codex" }, projectLabel: "storefront", stage: "approval" },
+  { title: "Investigate model rate limits", harness: { id: "opencode", name: "OpenCode" }, projectLabel: "gateway", stage: "working" },
+  { title: "Refactor workbench layout", harness: { id: "flexharness", name: "FlexHarness" }, projectLabel: "storefront", stage: "feedback" },
+  { title: "Add adaptive code diffs", harness: { id: "codex", name: "Codex" }, projectLabel: "catalog", stage: "finished" },
+  { title: "Prepare the catalog release", harness: { id: "opencode", name: "OpenCode" }, projectLabel: "catalog", stage: "error" },
   { title: "Improve agent onboarding", harness: { id: "flexharness", name: "FlexHarness" }, stage: "idle" },
-  { title: "Draft the migration guide", harness: { id: "codex", name: "Codex" }, stage: "starting" }
+  { title: "Draft the migration guide", harness: { id: "codex", name: "Codex" }, projectLabel: "gateway", stage: "starting" }
 ].map((session, index3) => ({
   ...session,
   id: `session-${index3}`,
@@ -179445,6 +179526,7 @@ var demoResources = [
     title: "Build shell",
     icon: "lucide:Terminal",
     preview: "pnpm run build",
+    projectLabel: "storefront",
     updatedAt: Date.now() - 9e4,
     state: "ready"
   },
@@ -179454,6 +179536,7 @@ var demoResources = [
     title: "Release notes",
     icon: "lucide:FileText",
     preview: "Catalog migration notes",
+    projectLabel: "catalog",
     updatedAt: Date.now() - 18e4
   },
   {
@@ -180114,7 +180197,13 @@ var _DeesHarnessSessionList = class _DeesHarnessSessionList extends (_a100 = Dee
     return [...pinned, ...ordered, ...unknown3];
   }
   resourceMatchesSearch(resourceArg, queryArg) {
-    return [resourceArg.id, resourceArg.kind, resourceArg.title, resourceArg.preview].filter(Boolean).join(" ").toLowerCase().includes(queryArg);
+    return [
+      resourceArg.id,
+      resourceArg.kind,
+      resourceArg.title,
+      resourceArg.preview,
+      resourceArg.projectLabel
+    ].filter(Boolean).join(" ").toLowerCase().includes(queryArg);
   }
   sessionMatchesSearch(sessionArg, queryArg) {
     return [
@@ -180123,6 +180212,7 @@ var _DeesHarnessSessionList = class _DeesHarnessSessionList extends (_a100 = Dee
       sessionArg.id,
       sessionArg.harness?.id,
       sessionArg.harness?.name,
+      sessionArg.projectLabel,
       this.sessionStatusLabel(sessionArg),
       this.sessionStateLabel(sessionArg.state ?? "normal")
     ].filter(Boolean).join(" ").toLowerCase().includes(queryArg);
@@ -180454,6 +180544,7 @@ var _DeesHarnessSessionList = class _DeesHarnessSessionList extends (_a100 = Dee
     const detailsId = `session-details-${session.id}`;
     const dropIndex = index3 < 0 ? 0 : index3;
     const title = session.title || session.id;
+    const projectLabel = session.projectLabel?.trim() ?? "";
     return b2`
       <article
         class="item state-${state4} ${active ? "active" : ""} ${expanded ? "expanded" : ""} ${session.id === this.selectedSessionId ? "selected" : ""} ${sameItem(this.draggingItem, { kind: "session", id: session.id }) ? "dragging" : ""}"
@@ -180513,6 +180604,10 @@ var _DeesHarnessSessionList = class _DeesHarnessSessionList extends (_a100 = Dee
                     <span class="harnessName" title=${session.harness.name}>${session.harness.name}</span>
                     <span aria-hidden="true">·</span>
                   ` : ""}
+                  ${projectLabel ? b2`
+                    <span class="projectName" title=${projectLabel}>${projectLabel}</span>
+                    <span aria-hidden="true">·</span>
+                  ` : ""}
                   <span class="itemTime">${harnessFormatRelativeTime(session.updatedAt ?? session.createdAt)}</span>
                 </span>
               </span>
@@ -180562,6 +180657,7 @@ var _DeesHarnessSessionList = class _DeesHarnessSessionList extends (_a100 = Dee
     const contextOpen = resourceArg.id === this.resourceContextResourceId;
     const attachedTitle = attachedTarget ? this.itemTitleFor(attachedTarget) : "";
     const title = resourceArg.title || resourceArg.id;
+    const projectLabel = resourceArg.projectLabel?.trim() ?? "";
     const dropIndex = indexArg < 0 ? 0 : indexArg;
     return b2`
       <article
@@ -180614,7 +180710,7 @@ var _DeesHarnessSessionList = class _DeesHarnessSessionList extends (_a100 = Dee
             <span class="resourceTitle">${title}</span>
             ${resourceArg.preview ? b2`<span class="resourcePreview">${resourceArg.preview}</span>` : ""}
             <span class="resourceMeta">
-              ${resourceArg.kind}${resourceArg.state ? ` \xB7 ${resourceArg.state}` : ""}${resourceArg.updatedAt || resourceArg.createdAt ? ` \xB7 ${harnessFormatRelativeTime(resourceArg.updatedAt ?? resourceArg.createdAt)}` : ""}
+              ${resourceArg.kind}${projectLabel ? ` \xB7 ${projectLabel}` : ""}${resourceArg.state ? ` \xB7 ${resourceArg.state}` : ""}${resourceArg.updatedAt || resourceArg.createdAt ? ` \xB7 ${harnessFormatRelativeTime(resourceArg.updatedAt ?? resourceArg.createdAt)}` : ""}
             </span>
             ${attachedTarget ? b2`
                   <span class="resourceAttachment" title=${`Attached to ${attachedTitle}`}>
@@ -181524,7 +181620,8 @@ __publicField(_DeesHarnessSessionList, "styles", [
         line-height: 14px;
       }
 
-      .harnessName {
+      .harnessName,
+      .projectName {
         min-width: 0;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -223745,7 +223842,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "11.0.0",
+  version: "11.2.0",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };