@design.estate/dees-catalog 11.0.0 → 11.1.0

package/dist_bundle/bundle.js

@@ -169790,6 +169790,29 @@ 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 terminal card alone in its row: expanded it takes the pane, and once it collapses it
+    // returns to the reading measure like the prose around it.
+    {
+      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: { exitCode: 0, stdout: "14 tests passed\n0 failed" },
+        startedAt: now3 - 136e3,
+        finishedAt: now3 - 131e3
+      }
     }
   ];
 }, "toolShowcase");
@@ -172543,6 +172566,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 +172901,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 +176515,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.
@@ -179398,13 +179448,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 +179495,7 @@ var demoResources = [
     title: "Build shell",
     icon: "lucide:Terminal",
     preview: "pnpm run build",
+    projectLabel: "storefront",
     updatedAt: Date.now() - 9e4,
     state: "ready"
   },
@@ -179454,6 +179505,7 @@ var demoResources = [
     title: "Release notes",
     icon: "lucide:FileText",
     preview: "Catalog migration notes",
+    projectLabel: "catalog",
     updatedAt: Date.now() - 18e4
   },
   {
@@ -180114,7 +180166,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 +180181,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 +180513,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 +180573,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 +180626,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 +180679,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 +181589,8 @@ __publicField(_DeesHarnessSessionList, "styles", [
         line-height: 14px;
       }
 
-      .harnessName {
+      .harnessName,
+      .projectName {
         min-width: 0;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -223745,7 +223811,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "11.0.0",
+  version: "11.1.0",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };