@design.estate/dees-catalog 6.7.1 → 6.8.0

package/readme.md

@@ -1805,11 +1805,13 @@ chat.applyDelta({
 
 Key props: `messages`, `permissions`, `questions`, `status`, `usage`, `todos`/`showTodosPanel`, `sessionMetrics`, `scratchpad`/`scratchpadBusy`/`scratchpadError`, `sessionIntelligenceEnabled`/`intelligenceExchanges`/`intelligenceBusy`/`intelligenceError`, `showSessionSidebar`, `heading`, `subheading`, `showToolbar`, `busy`, `queuedCount`, `disabled`, `account`/`accountOptions`, `model`/`modelOptions`, `reasoningEffort`/`effortOptions`, `mode`/`modeOptions`, `toolRegistry`. Account options use human-readable `label` values and opaque stable `value` identifiers. The status line renders inside the transcript column (it never pushes between the session panel and the composer), and both the toolbar and the docked composer cast a subtle shadow over the scrolling messages.
 
-A **session side panel** shows Tasks, Tools & Subagents, Tokens, Session Scratchpad, and Session Intelligence next to the transcript. Its sections form a single-open accordion: opening one collapses the others, clicking the open heading collapses all, and each expanded section owns its scrolling while every heading remains visible. Tools & Subagents separates active calls from terminal history and derives both directly from top-level tool messages still present in the host's retained transcript window; evicted calls are not cached. Long activity labels and descriptions use a 40px right-edge fade instead of ellipses, reveal the full line on hover, and run through once after the two-second delay when their section has measurable width. Session Intelligence keeps its exchange history scrollable above a docked, chat-style question composer. Set `.todos` explicitly, or leave it empty and the chat derives tasks from the newest todo tool call in `messages`; `showTodosPanel={false}` hides only that section. Unknown token metrics remain absent. The toolbar controls the session panel; host-owned navigation controls belong outside the chat component. In narrow containers the session panel becomes an accessible overlay; when the toolbar is disabled, an inline Session details control keeps it reachable. `showSessionSidebar={false}` disables the complete panel. Methods: `applyDelta()`, `focusComposer()`, `clearComposer()`, `scrollToBottom()`. Events (also from children, all composed): `harness-send`, `harness-steer`, `harness-abort`, `harness-input`, `harness-attachments-change`, `harness-attachment-error`, `harness-account-change`, `harness-model-change`, `harness-mode-change`, `harness-permission-response`, `harness-question-response`, `harness-subtask-open`, `harness-scratchpad-save`, `harness-session-intelligence-ask`.
+A **session side panel** shows Tasks, Tools & Subagents, Tokens, Session Scratchpad, and Session Intelligence next to the transcript. Its sections form a single-open accordion: opening one collapses the others, clicking the open heading collapses all, and each expanded section owns its scrolling while every heading remains visible. Collapsed sections retain their region wrapper but omit the content subtree until expansion; sidebar-owned scratchpad and intelligence drafts survive that lazy remount. Tools & Subagents separates active calls from terminal history and derives both directly from top-level tool messages still present in the host's retained transcript window; evicted calls are not cached. Long activity labels and descriptions use a 40px right-edge fade instead of ellipses, reveal the full line on hover, and run through once after the two-second delay when their section has measurable width. Session Intelligence keeps its exchange history scrollable above a docked, chat-style question composer. Set `.todos` explicitly, or leave it empty and the chat derives tasks from the newest todo tool call in `messages`; `showTodosPanel={false}` hides only that section. Unknown token metrics remain absent. The toolbar controls the session panel; host-owned navigation controls belong outside the chat component. In narrow containers the session panel becomes an accessible overlay; when the toolbar is disabled, an inline Session details control keeps it reachable. `showSessionSidebar={false}` disables the complete panel. Methods: `applyDelta()`, `focusComposer()`, `clearComposer()`, `scrollToBottom()`. Events (also from children, all composed): `harness-send`, `harness-steer`, `harness-abort`, `harness-input`, `harness-attachments-change`, `harness-attachment-error`, `harness-account-change`, `harness-model-change`, `harness-mode-change`, `harness-permission-response`, `harness-question-response`, `harness-subtask-open`, `harness-scratchpad-save`, `harness-session-intelligence-ask`.
 
 #### `DeesHarnessMessageList`
 
-Scrollable streaming-safe log. Keyed repeats keep DOM identity stable; `applyDelta()` routes content updates to the affected message element. Producers with authoritative source chronology can set `IHarnessMessage.order` to `{ messageIndex, partIndex }`; explicitly ordered messages retain that relative order while timestamps continue to place legacy messages and ancillary cards. Consecutive tool calls use one generic responsive-grid pipeline at their chronological position, partitioned by descriptor layout: compact tools share rows with compact tools, subagents share rows only with subagents, and terminal plus file-write cards span a whole row. Columns respond to transcript content width rather than the viewport, and status changes never regroup cards. Untouched projected subtask cards collapse individually on completion with the normal disclosure animation; other cards retain their descriptor or user-selected disclosure state. The grid adds no second summary or collapse layer. Group and card identity survive front-window eviction while any member remains. Auto-follow responds to streamed growth but does not repeatedly repin while a disclosure shrinks. Permission requests, questions, and nested-stream limits behave as before. Props: `messages`, `permissions`/`permissionsBusy`, `questions`, `status`, `autoFollow`, `hideScrollbar`, `fadeScrollEdges`, `showRoles`, `showTimestamps`, `allowSubtaskStreams`, `emptyTitle`/`emptyText` (+ `slot="empty"`).
+Scrollable streaming-safe log. Up to 40 canonical entries (`messages` + `permissions` + `questions`) keep keyed full-timeline DOM; larger inputs activate a measured variable-height window with 800px overscan and return to full rendering when they shrink. Rows outside that overscanned window are unmounted, except focused rows, both endpoints of an active selection, and fullscreen-owned cards, which remain mounted until the interaction ends; threshold-mode changes are likewise deferred while protected DOM is active. `applyDelta()` targets a mounted message or mutates its offscreen backing model. Markdown output, disclosures, reasoning expansion, question drafts, permission choices, diff layout, terminal scroll state, and live nested-transcript state restore from retained data after an actual eviction. Hosts may pass a stable mutable `IHarnessTranscriptViewState` through `viewState`; it must contain `messages`, `permissions`, and `questions` maps. The list creates entries for current canonical IDs, deletes records for removed IDs, and session-keys and prunes live nested-subtask records. Without that prop, equivalent state remains list-local.
+
+Producers with authoritative source chronology can set `IHarnessMessage.order` to `{ messageIndex, partIndex }`; explicitly ordered messages retain that relative order while timestamps continue to place legacy messages and ancillary cards. Consecutive tool calls use one generic responsive-grid pipeline at their chronological position, partitioned by descriptor layout: compact tools share rows with compact tools, subagents share rows only with subagents, and terminal plus file-write cards span a whole row. Consecutive same-layout runs are always capped at four cards per group row, even when their tool kinds differ. Columns respond to transcript content width rather than the viewport, and status changes never regroup cards. Untouched projected subtask cards collapse individually on completion with the normal disclosure animation; other cards retain their descriptor or user-selected disclosure state. Auto-follow responds to streamed growth but does not repeatedly repin while a disclosure shrinks. Permission requests, questions, and nested-stream limits behave as before. Props: `messages`, `permissions`/`permissionsBusy`, `questions`, `status`, `viewState`, `autoFollow`, `hideScrollbar`, `fadeScrollEdges`, `showRoles`, `showTimestamps`, `allowSubtaskStreams`, `emptyTitle`/`emptyText` (+ `slot="empty"`). Native browser find and selection cover the mounted window; hosts that require complete-history search or copy should operate on their canonical `messages`, `permissions`, and `questions` models.
 
 #### `DeesHarnessMessage`
 

package/ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '6.7.1',
+  version: '6.8.0',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

package/ts_web/elements/00group-harness/dees-harness-message/dees-harness-message.ts

@@ -16,6 +16,7 @@ import type { HLJSApi } from 'highlight.js';
 import type {
   IHarnessAttachment,
   IHarnessMessage,
+  IHarnessMessageViewState,
   IHarnessUsage,
   THarnessMessageStreamDelta,
 } from '../interfaces.js';
@@ -73,6 +74,9 @@ export class DeesHarnessMessage extends DeesElement {
   @property({ attribute: false })
   accessor suppressEntry: boolean = false;
 
+  @property({ attribute: false })
+  accessor viewState: IHarnessMessageViewState | undefined = undefined;
+
   @state()
   accessor renderedMarkdownHtml: string = '';
 
@@ -446,6 +450,7 @@ export class DeesHarnessMessage extends DeesElement {
           .call=${message.toolCall}
           .toolRegistry=${this.toolRegistry}
           .allowSubtaskStreams=${this.allowSubtaskStreams}
+          .viewState=${this.viewState}
         ></dees-harness-tool-card>
       `;
     }
@@ -478,7 +483,10 @@ export class DeesHarnessMessage extends DeesElement {
         ${message.reasoning?.length
           ? html`
               <div class="reasoningStack">
-                <dees-harness-reasoning .reasoningParts=${message.reasoning}></dees-harness-reasoning>
+                <dees-harness-reasoning
+                  .reasoningParts=${message.reasoning}
+                  .viewState=${this.viewState}
+                ></dees-harness-reasoning>
               </div>
             `
           : ''}
@@ -488,6 +496,7 @@ export class DeesHarnessMessage extends DeesElement {
               .call=${message.toolCall}
               .toolRegistry=${this.toolRegistry}
               .allowSubtaskStreams=${this.allowSubtaskStreams}
+              .viewState=${this.viewState}
             ></dees-harness-tool-card>`
           : ''}
         ${this.renderText()}
@@ -566,6 +575,19 @@ export class DeesHarnessMessage extends DeesElement {
   public async updated(changedProperties: Map<string, any>): Promise<void> {
     super.updated(changedProperties);
     if (!this.markdownActive || !this.message.text) return;
+    if (
+      this.viewState?.markdownText === this.message.text
+      && this.viewState.markdownHtml
+      && this.lastParsedText !== this.message.text
+    ) {
+      this.lastParsedText = this.message.text;
+      this.renderedMarkdownHtml = this.viewState.markdownHtml;
+      if (!this.message.streaming) {
+        await this.updateComplete;
+        await this.highlightCodeFences(this.markdownParseToken);
+      }
+      return;
+    }
     if (this.message.text === this.lastParsedText) return;
     if (this.message.streaming) {
       if (!this.markdownWhileStreaming) return;
@@ -590,6 +612,10 @@ export class DeesHarnessMessage extends DeesElement {
     if (token !== this.markdownParseToken) return;
     this.lastParsedText = textAtRequest;
     this.renderedMarkdownHtml = htmlResult;
+    if (this.viewState) {
+      this.viewState.markdownText = textAtRequest;
+      this.viewState.markdownHtml = htmlResult;
+    }
     if (!this.message.streaming) {
       await this.updateComplete;
       await this.highlightCodeFences(token);
@@ -624,6 +650,7 @@ export class DeesHarnessMessage extends DeesElement {
   }
 
   public async disconnectedCallback(): Promise<void> {
+    this.markdownParseToken += 1;
     if (this.markdownThrottleTimeout) {
       clearTimeout(this.markdownThrottleTimeout);
       this.markdownThrottleTimeout = null;