@design.estate/dees-catalog 4.12.0 → 6.0.0

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

@@ -0,0 +1 @@
+export * from './dees-harness-session-sidebar.js';

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

@@ -69,6 +69,9 @@ export class DeesHarnessToolCard extends DeesElement {
   @state()
   accessor returnFlash: boolean = false;
 
+  @state()
+  accessor outcomeScanTone: 'success' | 'error' | null = null;
+
   private bodyResizeObserver: ResizeObserver | null = null;
   private observedBodyInner: Element | null = null;
   private fullscreenPortal: HTMLElementTagNameMap['dees-harness-tool-fullscreen'] | null = null;
@@ -332,6 +335,30 @@ export class DeesHarnessToolCard extends DeesElement {
         transform-origin: center;
       }
 
+      .harness-card.outcomeScan {
+        --harness-outcome-scan-color: var(--dees-color-accent-success);
+      }
+
+      .harness-card.outcomeScan-error {
+        --harness-outcome-scan-color: var(--dees-color-accent-error);
+      }
+
+      .harness-card.outcomeScan::after {
+        content: '';
+        position: absolute;
+        inset: 0;
+        pointer-events: none;
+        background: linear-gradient(
+          105deg,
+          transparent 40%,
+          color-mix(in srgb, var(--harness-outcome-scan-color) 3%, transparent) 45%,
+          color-mix(in srgb, var(--harness-outcome-scan-color) 14%, transparent) 50%,
+          color-mix(in srgb, var(--harness-outcome-scan-color) 3%, transparent) 55%,
+          transparent 60%
+        ) 100% 0 / 250% 100% no-repeat;
+        animation: harness-tool-outcome-scan 0.48s linear 0.08s both;
+      }
+
       @keyframes harness-card-return-flash {
         0%, 100% {
           transform: scale(1);
@@ -341,10 +368,20 @@ export class DeesHarnessToolCard extends DeesElement {
         }
       }
 
+      @keyframes harness-tool-outcome-scan {
+        from { background-position: 100% 0; }
+        to { background-position: 0 0; }
+      }
+
       @media (prefers-reduced-motion: reduce) {
         .harness-card.returnFlash {
           animation: none;
         }
+
+        .harness-card.outcomeScan::after {
+          animation: none;
+          opacity: 0;
+        }
       }
     `,
   ];
@@ -376,10 +413,12 @@ export class DeesHarnessToolCard extends DeesElement {
     const statusTone = call.isError ? 'error' : call.status === 'completed' ? 'success' : call.status;
     const duration = harnessFormatDuration(call.startedAt, call.finishedAt);
     return html`
-      <div class="harness-card status-${call.isError ? 'error' : call.status} ${descriptor.destructive ? 'destructive' : ''} ${this.returnFlash ? 'returnFlash' : ''}"
+      <div class="harness-card status-${call.isError ? 'error' : call.status} ${descriptor.destructive ? 'destructive' : ''} ${this.returnFlash ? 'returnFlash' : ''} ${this.outcomeScanTone ? `outcomeScan outcomeScan-${this.outcomeScanTone}` : ''}"
         @animationend=${(event: AnimationEvent) => {
           if (event.animationName === 'harness-card-return-flash') {
             this.endReturnFlash();
+          } else if (event.animationName === 'harness-tool-outcome-scan') {
+            this.endOutcomeScan();
           }
         }}
       >
@@ -444,6 +483,7 @@ export class DeesHarnessToolCard extends DeesElement {
   };
 
   private flashFallbackTimeout: ReturnType<typeof setTimeout> | null = null;
+  private outcomeScanFallbackTimeout: ReturnType<typeof setTimeout> | null = null;
 
   private readonly closeFullscreen = (): void => {
     const portal = this.fullscreenPortal;
@@ -480,8 +520,42 @@ export class DeesHarnessToolCard extends DeesElement {
     }));
   }
 
+  private startOutcomeScan(toneArg: 'success' | 'error'): void {
+    if (this.outcomeScanFallbackTimeout) clearTimeout(this.outcomeScanFallbackTimeout);
+    this.outcomeScanTone = toneArg;
+    this.outcomeScanFallbackTimeout = setTimeout(() => this.endOutcomeScan(), 750);
+  }
+
+  private endOutcomeScan(): void {
+    if (this.outcomeScanFallbackTimeout) {
+      clearTimeout(this.outcomeScanFallbackTimeout);
+      this.outcomeScanFallbackTimeout = null;
+    }
+    this.outcomeScanTone = null;
+  }
+
+  public willUpdate(changedProperties: Map<PropertyKey, unknown>): void {
+    super.willUpdate(changedProperties);
+    const previousCall = changedProperties.get('call') as IHarnessToolCall | undefined;
+    if (!previousCall || previousCall.id !== this.call.id) return;
+    const wasActive = previousCall.status === 'pending' || previousCall.status === 'running';
+    const outcomeTone = this.call.status === 'error' || this.call.isError
+      ? 'error'
+      : this.call.status === 'completed'
+        ? 'success'
+        : null;
+    if (wasActive && outcomeTone) {
+      this.startOutcomeScan(outcomeTone);
+    } else if (!outcomeTone && this.outcomeScanTone) {
+      this.endOutcomeScan();
+    }
+  }
+
   public updated(changedProperties: Map<PropertyKey, unknown>): void {
     super.updated(changedProperties);
+    if (changedProperties.has('call') && this.fullscreenPortal) {
+      this.fullscreenPortal.call = this.enrichedCall;
+    }
     if (this.uncapped) return;
     const bodyInner = this.shadowRoot?.querySelector('.bodyInner') ?? null;
     if (bodyInner === this.observedBodyInner) return;
@@ -505,6 +579,10 @@ export class DeesHarnessToolCard extends DeesElement {
       clearTimeout(this.flashFallbackTimeout);
       this.flashFallbackTimeout = null;
     }
+    if (this.outcomeScanFallbackTimeout) {
+      clearTimeout(this.outcomeScanFallbackTimeout);
+      this.outcomeScanFallbackTimeout = null;
+    }
     this.fullscreenPortal?.remove();
     this.fullscreenPortal = null;
     this.bodyResizeObserver?.disconnect();

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

@@ -127,12 +127,14 @@ export const markdownStyles: CSSResult = css`
   .markdown-body table {
     margin: var(--dees-spacing-sm) 0;
     border-collapse: collapse;
+    color: var(--dees-color-text-primary);
     font-size: 0.95em;
   }
   .markdown-body th,
   .markdown-body td {
     padding: 4px 10px;
     border: 1px solid var(--dees-color-border-default);
+    color: var(--dees-color-text-primary);
     text-align: left;
   }
   .markdown-body th {

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

@@ -7,6 +7,7 @@ import { css, type CSSResult } from '@design.estate/dees-element';
  */
 export const harnessCardStyles: CSSResult = css`
   .harness-card {
+    position: relative;
     border: 1px solid var(--dees-color-border-subtle);
     border-left: 2px solid var(--dees-color-border-default);
     border-radius: var(--dees-radius-lg);
@@ -18,6 +19,29 @@ export const harnessCardStyles: CSSResult = css`
   .harness-card.status-pending {
     border-left-color: var(--dees-color-accent-primary);
   }
+  .harness-card.status-running::before,
+  .harness-card.status-pending::before,
+  .harness-card.outcomeScan::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    background:
+      linear-gradient(
+        105deg,
+        transparent 40%,
+        color-mix(in srgb, var(--dees-color-accent-primary) 6%, transparent) 45%,
+        color-mix(in srgb, var(--dees-color-accent-primary) 20%, transparent) 50%,
+        color-mix(in srgb, var(--dees-color-accent-primary) 6%, transparent) 55%,
+        transparent 60%
+      ) 100% 0 / 250% 100% no-repeat;
+    animation: harness-card-running-scan 2s linear infinite;
+    opacity: 1;
+    transition: opacity 0.18s var(--dees-ease-out);
+  }
+  .harness-card.outcomeScan::before {
+    opacity: 0;
+  }
   .harness-card.status-completed {
     border-left-color: var(--dees-color-accent-success);
   }
@@ -27,6 +51,29 @@ export const harnessCardStyles: CSSResult = css`
   .harness-card.destructive {
     border-left-color: var(--dees-color-accent-error);
   }
+
+  @keyframes harness-card-running-scan {
+    from { background-position: 100% 0; }
+    to { background-position: 0 0; }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .harness-card.status-running,
+    .harness-card.status-pending {
+      background: color-mix(
+        in srgb,
+        var(--dees-color-accent-primary) 8%,
+        var(--dees-color-bg-secondary)
+      );
+    }
+    .harness-card.status-running::before,
+    .harness-card.status-pending::before,
+    .harness-card.outcomeScan::before {
+      animation: none;
+      opacity: 0;
+      transition: none;
+    }
+  }
 `;
 
 export const harnessPillStyles: CSSResult = css`

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

@@ -17,6 +17,7 @@ export * from './dees-harness-question-card/index.js';
 export * from './dees-harness-message-list/index.js';
 export * from './dees-harness-reasoning/index.js';
 export * from './dees-harness-session-list/index.js';
+export * from './dees-harness-session-sidebar/index.js';
 export * from './dees-terminal-view/index.js';
 export * from './dees-harness-status/index.js';
 export * from './dees-harness-todos/index.js';

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

@@ -43,6 +43,54 @@ export interface IHarnessUsage {
   cacheWriteTokens?: number;
 }
 
+/** Session-level token facts. Unknown metrics stay undefined. */
+export interface IHarnessSessionMetrics {
+  /** Cumulative token usage across the complete session. */
+  lifetimeUsedTokens?: number;
+  /** Number of completed context compactions. */
+  compactionCount?: number;
+  /** Context-token total immediately before the newest compaction. */
+  tokensBeforeLatestCompaction?: number;
+  /** Context window of the model that produced currentContextTokens. */
+  maxContextTokens?: number;
+  /** Current active context-token total. */
+  currentContextTokens?: number;
+}
+
+export type THarnessScratchpadUpdater = 'user' | 'intelligence';
+
+export interface IHarnessScratchpad {
+  /** Stable session-scoped identity; a changed id resets local editor state. */
+  id: string;
+  text: string;
+  /** Monotonic persistence revision used for optimistic concurrency. */
+  revision: number;
+  updatedAt?: number;
+  updatedBy?: THarnessScratchpadUpdater;
+}
+
+export interface IHarnessScratchpadSaveDetail {
+  text: string;
+  expectedRevision: number;
+}
+
+export type THarnessIntelligenceStatus = 'running' | 'completed' | 'error';
+
+export interface IHarnessIntelligenceExchange {
+  id: string;
+  question: string;
+  status: THarnessIntelligenceStatus;
+  answer?: string;
+  error?: string;
+  model?: string;
+  createdAt: number;
+  completedAt?: number;
+}
+
+export interface IHarnessSessionIntelligenceAskDetail {
+  question: string;
+}
+
 export interface IHarnessMessage {
   /** stable id — used as the keyed-repeat key; never reuse across messages */
   id: string;