@design.estate/dees-catalog 11.0.0 → 11.2.0

package/ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.demo.ts

@@ -40,13 +40,13 @@ const stages: Record<TDemoStage, { state: NonNullable<IHarnessSessionMeta['state
 };
 
 const demoSessions = (): IDemoSession[] => [
-  { title: 'Fix sitemap cache key', harness: { id: 'codex', name: 'Codex' }, stage: 'approval' as const },
-  { title: 'Investigate model rate limits', harness: { id: 'opencode', name: 'OpenCode' }, stage: 'working' as const },
-  { title: 'Refactor workbench layout', harness: { id: 'flexharness', name: 'FlexHarness' }, stage: 'feedback' as const },
-  { title: 'Add adaptive code diffs', harness: { id: 'codex', name: 'Codex' }, stage: 'finished' as const },
-  { title: 'Prepare the catalog release', harness: { id: 'opencode', name: 'OpenCode' }, stage: 'error' as const },
+  { title: 'Fix sitemap cache key', harness: { id: 'codex', name: 'Codex' }, projectLabel: 'storefront', stage: 'approval' as const },
+  { title: 'Investigate model rate limits', harness: { id: 'opencode', name: 'OpenCode' }, projectLabel: 'gateway', stage: 'working' as const },
+  { title: 'Refactor workbench layout', harness: { id: 'flexharness', name: 'FlexHarness' }, projectLabel: 'storefront', stage: 'feedback' as const },
+  { title: 'Add adaptive code diffs', harness: { id: 'codex', name: 'Codex' }, projectLabel: 'catalog', stage: 'finished' as const },
+  { title: 'Prepare the catalog release', harness: { id: 'opencode', name: 'OpenCode' }, projectLabel: 'catalog', stage: 'error' as const },
   { title: 'Improve agent onboarding', harness: { id: 'flexharness', name: 'FlexHarness' }, stage: 'idle' as const },
-  { title: 'Draft the migration guide', harness: { id: 'codex', name: 'Codex' }, stage: 'starting' as const },
+  { title: 'Draft the migration guide', harness: { id: 'codex', name: 'Codex' }, projectLabel: 'gateway', stage: 'starting' as const },
 ].map((session, index) => ({
   ...session,
   id: `session-${index}`,
@@ -97,6 +97,7 @@ const demoResources: IHarnessResourceMeta[] = [
     title: 'Build shell',
     icon: 'lucide:Terminal',
     preview: 'pnpm run build',
+    projectLabel: 'storefront',
     updatedAt: Date.now() - 90_000,
     state: 'ready',
   },
@@ -106,6 +107,7 @@ const demoResources: IHarnessResourceMeta[] = [
     title: 'Release notes',
     icon: 'lucide:FileText',
     preview: 'Catalog migration notes',
+    projectLabel: 'catalog',
     updatedAt: Date.now() - 180_000,
   },
   {

package/ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.ts

@@ -528,7 +528,8 @@ export class DeesHarnessSessionList extends DeesElement {
         line-height: 14px;
       }
 
-      .harnessName {
+      .harnessName,
+      .projectName {
         min-width: 0;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -1064,7 +1065,8 @@ export class DeesHarnessSessionList extends DeesElement {
   }
 
   private resourceMatchesSearch(resourceArg: IHarnessResourceMeta, queryArg: string): boolean {
-    return [resourceArg.id, resourceArg.kind, resourceArg.title, resourceArg.preview]
+    return [resourceArg.id, resourceArg.kind, resourceArg.title, resourceArg.preview,
+      resourceArg.projectLabel]
       .filter(Boolean)
       .join(' ')
       .toLowerCase()
@@ -1073,7 +1075,8 @@ export class DeesHarnessSessionList extends DeesElement {
 
   private sessionMatchesSearch(sessionArg: IHarnessSessionMeta, queryArg: string): boolean {
     return [sessionArg.title, sessionArg.preview, sessionArg.id, sessionArg.harness?.id,
-      sessionArg.harness?.name, this.sessionStatusLabel(sessionArg), this.sessionStateLabel(sessionArg.state ?? 'normal')]
+      sessionArg.harness?.name, sessionArg.projectLabel,
+      this.sessionStatusLabel(sessionArg), this.sessionStateLabel(sessionArg.state ?? 'normal')]
       .filter(Boolean)
       .join(' ')
       .toLowerCase()
@@ -1509,6 +1512,7 @@ export class DeesHarnessSessionList extends DeesElement {
     const detailsId = `session-details-${session.id}`;
     const dropIndex = index < 0 ? 0 : index;
     const title = session.title || session.id;
+    const projectLabel = session.projectLabel?.trim() ?? '';
     return html`
       <article
         class="item state-${state} ${active ? 'active' : ''} ${expanded ? 'expanded' : ''} ${
@@ -1577,6 +1581,10 @@ export class DeesHarnessSessionList extends DeesElement {
                     <span class="harnessName" title=${session.harness.name}>${session.harness.name}</span>
                     <span aria-hidden="true">·</span>
                   ` : ''}
+                  ${projectLabel ? html`
+                    <span class="projectName" title=${projectLabel}>${projectLabel}</span>
+                    <span aria-hidden="true">·</span>
+                  ` : ''}
                   <span class="itemTime">${harnessFormatRelativeTime(session.updatedAt ?? session.createdAt)}</span>
                 </span>
               </span>
@@ -1634,6 +1642,7 @@ export class DeesHarnessSessionList extends DeesElement {
     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 html`
       <article
@@ -1695,7 +1704,9 @@ export class DeesHarnessSessionList extends DeesElement {
             <span class="resourceTitle">${title}</span>
             ${resourceArg.preview ? html`<span class="resourcePreview">${resourceArg.preview}</span>` : ''}
             <span class="resourceMeta">
-              ${resourceArg.kind}${resourceArg.state ? ` · ${resourceArg.state}` : ''}${
+              ${resourceArg.kind}${projectLabel ? ` · ${projectLabel}` : ''}${
+                resourceArg.state ? ` · ${resourceArg.state}` : ''
+              }${
                 resourceArg.updatedAt || resourceArg.createdAt
                   ? ` · ${harnessFormatRelativeTime(resourceArg.updatedAt ?? resourceArg.createdAt)}`
                   : ''

package/ts_web/elements/00group-harness/dees-harness-tool-card/dees-harness-tool-card.ts

@@ -131,7 +131,21 @@ export class DeesHarnessToolCard extends DeesElement {
       :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 {
@@ -1006,6 +1020,10 @@ export class DeesHarnessToolCard extends DeesElement {
 
   public updated(changedProperties: Map<PropertyKey, unknown>): void {
     super.updated(changedProperties);
+    // Mirrors the rendered disclosure state onto the host so the width rule can follow it. Set
+    // during the update that produced the render, so a card that mounts collapsed reaches its
+    // first style resolution already constrained and never animates on mount.
+    this.toggleAttribute('data-collapsed', !this.isOpen);
     if (!this.isConnected) return;
     this.terminalScrollHydrationFrame ??= requestAnimationFrame(() => {
       this.terminalScrollHydrationFrame = null;

package/ts_web/elements/00group-harness/harness.helpers.ts

@@ -369,7 +369,9 @@ export const harnessTerminalResultSummary = (callArg: IHarnessToolCall): string
   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 (exitCode !== undefined) parts.push('no output');
+  // Without an exit code there is nothing else to report, so a silent command still says so
+  // rather than collapsing to a bare command line. No exit code is ever invented here.
+  else parts.push('no output');
   const lastLine = harnessLastMeaningfulLine(stderr) || harnessLastMeaningfulLine(stdout);
   const prefix = parts.join(' · ');
   if (!lastLine) return prefix;

package/ts_web/elements/00group-harness/interfaces.ts

@@ -355,6 +355,8 @@ export interface IHarnessSessionMeta {
   statusLabel?: string;
   /** Harness running this session, e.g. Codex, OpenCode or FlexHarness. */
   harness?: IHarnessAgentIdentity;
+  /** Host-owned project or workspace this session belongs to, shown on the identity line. */
+  projectLabel?: string;
   /** Pulse the normal/working indicator. Defaults to state === 'working'; never pulses attention/error/finished. */
   working?: boolean;
   /** Set false for pinned, non-sortable entries such as terminals. Defaults to true. */
@@ -390,6 +392,8 @@ export interface IHarnessResourceMeta<TState extends string = string> {
   preview?: string;
   createdAt?: number;
   updatedAt?: number;
+  /** Host-owned project or workspace this resource belongs to, shown on the metadata line. */
+  projectLabel?: string;
   /** Optional host-defined display state. */
   state?: TState;
   /** Set false for pinned, non-sortable entries. Defaults to true. */

package/ts_web/elements/00group-harness/toolregistry.ts

@@ -115,12 +115,16 @@ const defaultDescriptors: IHarnessToolDescriptor[] = [
     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: (call) => harnessTerminalOutcome(call).exitCode === 0,
+    collapseWhenFinished: (call) => {
+      const { exitCode } = harnessTerminalOutcome(call);
+      return exitCode === undefined || exitCode === 0;
+    },
     summary: harnessTerminalResultSummary,
   },
   {