@design.estate/dees-catalog 6.10.2 → 6.12.0

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

@@ -36,7 +36,7 @@ import type {
   IDiffViewChangeDetail,
   TDiffView,
 } from '../../00group-dataview/dees-dataview-codebox/dees-dataview-codebox.js';
-import '../dees-harness-content-blocks/dees-harness-content-blocks.js';
+import { DeesHarnessContentBlocks } from '../dees-harness-content-blocks/dees-harness-content-blocks.js';
 import '../dees-harness-overflow-text.js';
 import '../../00group-dataview/dees-dataview-codebox/dees-dataview-codebox.js';
 import './dees-harness-tool-fullscreen.js';
@@ -70,6 +70,10 @@ export class DeesHarnessToolCard extends DeesElement {
   @property({ type: Boolean })
   accessor allowSubtaskStreams: boolean = true;
 
+  /** Parse markdown during active child streams; disable to parse only at message end. */
+  @property({ type: Boolean })
+  accessor markdownWhileStreaming: boolean = true;
+
   @property({ attribute: false })
   accessor viewState: IHarnessMessageViewState | undefined = undefined;
 
@@ -820,7 +824,7 @@ export class DeesHarnessToolCard extends DeesElement {
     // Appended to document.body: content-visibility containment in the
     // transcript would trap a position: fixed layer inside this card.
     const portal = document.createElement('dees-harness-tool-fullscreen');
-    portal.call = this.enrichedCall;
+    portal.call = this.call;
     portal.toolRegistry = this.toolRegistry;
     portal.addEventListener('tool-fullscreen-close', this.closeFullscreen, { once: true });
     document.body.append(portal);
@@ -954,7 +958,7 @@ export class DeesHarnessToolCard extends DeesElement {
     });
     if (this.isOpen && !this.bodyMounted) this.bodyMounted = true;
     if (changedProperties.has('call') && this.fullscreenPortal) {
-      this.fullscreenPortal.call = this.enrichedCall;
+      this.fullscreenPortal.call = this.call;
     }
     this.connectSubtaskResultScroll();
     if (!this.isOpen || this.uncapped || this.hasSubtaskPreview) {
@@ -1172,6 +1176,7 @@ export class DeesHarnessToolCard extends DeesElement {
                 .toolRegistry=${this.toolRegistry}
                 .viewState=${this.viewState?.subtaskTranscript}
                 .allowSubtaskStreams=${false}
+                .markdownWhileStreaming=${this.markdownWhileStreaming}
                 .autoFollow=${this.isOpen}
                 .hideScrollbar=${true}
                 .fadeScrollEdges=${true}
@@ -1234,6 +1239,22 @@ export class DeesHarnessToolCard extends DeesElement {
     return true;
   }
 
+  /** Re-renders this card after its host mutates the shared call object in place. */
+  public refreshCall(): void {
+    this.requestUpdate();
+    const contentBlocks = this.shadowRoot?.querySelector('dees-harness-content-blocks');
+    if (contentBlocks instanceof DeesHarnessContentBlocks) contentBlocks.requestUpdate();
+    const nestedList = this.shadowRoot?.querySelector('.subtaskPreview > dees-harness-message-list');
+    if (nestedList instanceof DeesHarnessMessageList) nestedList.refreshMessages();
+    if (this.fullscreenPortal) {
+      this.fullscreenPortal.requestUpdate();
+      const fullscreenCard = this.fullscreenPortal.shadowRoot?.querySelector(
+        'dees-harness-tool-card',
+      );
+      if (fullscreenCard instanceof DeesHarnessToolCard) fullscreenCard.refreshCall();
+    }
+  }
+
   private createHelpers(): IHarnessToolRenderHelpers {
     return {
       codeBlock: (code, language, filename) => html`