@design.estate/dees-catalog 6.7.1 → 6.8.0

package/dist_bundle/bundle.js

@@ -173548,6 +173548,10 @@ var DeesHarnessToolRegistry = class _DeesHarnessToolRegistry {
   descriptors = [];
   byName = /* @__PURE__ */ new Map();
   byKind = /* @__PURE__ */ new Map();
+  registryRevision = 0;
+  get revision() {
+    return this.registryRevision;
+  }
   constructor(seedDescriptors = []) {
     for (const descriptor of seedDescriptors) {
       this.register(descriptor);
@@ -173567,6 +173571,7 @@ var DeesHarnessToolRegistry = class _DeesHarnessToolRegistry {
     for (const name of descriptor.names ?? []) {
       this.byName.set(name.toLowerCase(), descriptor);
     }
+    this.registryRevision += 1;
     return this;
   }
   unregister(kind) {
@@ -173577,6 +173582,7 @@ var DeesHarnessToolRegistry = class _DeesHarnessToolRegistry {
     for (const [name, mapped] of this.byName) {
       if (mapped === existing) this.byName.delete(name);
     }
+    this.registryRevision += 1;
     return this;
   }
   descriptorForKind(kind) {
@@ -175478,19 +175484,20 @@ var demoFunc55 = /* @__PURE__ */ __name(() => b2`
 init_dist_ts26();
 init_theme();
 init_dees_icon();
-var _expanded_dec, _reasoningParts_dec, _a77, _DeesHarnessReasoning_decorators, _init78, _reasoningParts, _expanded;
+var _expanded_dec, _viewState_dec, _reasoningParts_dec, _a77, _DeesHarnessReasoning_decorators, _init78, _reasoningParts, _viewState, _expanded;
 _DeesHarnessReasoning_decorators = [customElement("dees-harness-reasoning")];
-var _DeesHarnessReasoning = class _DeesHarnessReasoning extends (_a77 = DeesElement, _reasoningParts_dec = [n5({ attribute: false })], _expanded_dec = [r5()], _a77) {
+var _DeesHarnessReasoning = class _DeesHarnessReasoning extends (_a77 = DeesElement, _reasoningParts_dec = [n5({ attribute: false })], _viewState_dec = [n5({ attribute: false })], _expanded_dec = [r5()], _a77) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _reasoningParts, __runInitializers(_init78, 8, this, [])), __runInitializers(_init78, 11, this);
-    __privateAdd(this, _expanded, __runInitializers(_init78, 12, this)), __runInitializers(_init78, 15, this);
+    __privateAdd(this, _viewState, __runInitializers(_init78, 12, this)), __runInitializers(_init78, 15, this);
+    __privateAdd(this, _expanded, __runInitializers(_init78, 16, this)), __runInitializers(_init78, 19, this);
   }
   get isStreaming() {
     return this.reasoningParts.some((part) => Boolean(part.startedAt) && !part.endedAt);
   }
   get isOpen() {
-    return this.expanded ?? this.isStreaming;
+    return this.expanded ?? this.viewState?.reasoningExpanded ?? this.isStreaming;
   }
   /** All parts joined into the one full trace the expanded body shows. */
   get fullText() {
@@ -175519,6 +175526,7 @@ var _DeesHarnessReasoning = class _DeesHarnessReasoning extends (_a77 = DeesElem
           aria-expanded=${this.isOpen ? "true" : "false"}
           @click=${() => {
       this.expanded = !this.isOpen;
+      if (this.viewState) this.viewState.reasoningExpanded = this.expanded;
     }}
         >
           <span class="chevron ${this.isOpen ? "open" : ""}">
@@ -175541,8 +175549,10 @@ var _DeesHarnessReasoning = class _DeesHarnessReasoning extends (_a77 = DeesElem
 };
 _init78 = __decoratorStart(_a77);
 _reasoningParts = new WeakMap();
+_viewState = new WeakMap();
 _expanded = new WeakMap();
 __decorateElement(_init78, 4, "reasoningParts", _reasoningParts_dec, _DeesHarnessReasoning, _reasoningParts);
+__decorateElement(_init78, 4, "viewState", _viewState_dec, _DeesHarnessReasoning, _viewState);
 __decorateElement(_init78, 4, "expanded", _expanded_dec, _DeesHarnessReasoning, _expanded);
 _DeesHarnessReasoning = __decorateElement(_init78, 0, "DeesHarnessReasoning", _DeesHarnessReasoning_decorators, _DeesHarnessReasoning);
 __name(_DeesHarnessReasoning, "DeesHarnessReasoning");
@@ -176693,30 +176703,34 @@ var DeesHarnessToolFullscreen = _DeesHarnessToolFullscreen;
 init_dist_ts26();
 init_theme();
 init_dees_icon();
-var _diffViewOverride_dec, _outcomeScanTone_dec, _returnFlash_dec, _bodyOverflowing_dec, _uncapped_dec, _bodyCapPx_dec, _bodyMounted_dec, _outputExpanded_dec, _expanded_dec2, _allowSubtaskStreams_dec, _toolRegistry_dec2, _call_dec2, _a81, _DeesHarnessToolCard_decorators, _init82, _call2, _toolRegistry2, _allowSubtaskStreams, _expanded2, _outputExpanded, _bodyMounted, _bodyCapPx, _uncapped, _bodyOverflowing, _returnFlash, _outcomeScanTone, _diffViewOverride;
+var _diffViewOverride_dec, _outcomeScanTone_dec, _returnFlash_dec, _bodyOverflowing_dec, _uncapped_dec, _bodyCapPx_dec, _bodyMounted_dec, _outputExpanded_dec, _expanded_dec2, _viewState_dec2, _allowSubtaskStreams_dec, _toolRegistry_dec2, _call_dec2, _a81, _DeesHarnessToolCard_decorators, _init82, _call2, _toolRegistry2, _allowSubtaskStreams, _viewState2, _expanded2, _outputExpanded, _bodyMounted, _bodyCapPx, _uncapped, _bodyOverflowing, _returnFlash, _outcomeScanTone, _diffViewOverride;
 _DeesHarnessToolCard_decorators = [customElement("dees-harness-tool-card")];
-var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElement, _call_dec2 = [n5({ attribute: false })], _toolRegistry_dec2 = [n5({ attribute: false })], _allowSubtaskStreams_dec = [n5({ type: Boolean })], _expanded_dec2 = [r5()], _outputExpanded_dec = [r5()], _bodyMounted_dec = [r5()], _bodyCapPx_dec = [n5({ type: Number })], _uncapped_dec = [n5({ type: Boolean })], _bodyOverflowing_dec = [r5()], _returnFlash_dec = [r5()], _outcomeScanTone_dec = [r5()], _diffViewOverride_dec = [r5()], _a81) {
+var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElement, _call_dec2 = [n5({ attribute: false })], _toolRegistry_dec2 = [n5({ attribute: false })], _allowSubtaskStreams_dec = [n5({ type: Boolean })], _viewState_dec2 = [n5({ attribute: false })], _expanded_dec2 = [r5()], _outputExpanded_dec = [r5()], _bodyMounted_dec = [r5()], _bodyCapPx_dec = [n5({ type: Number })], _uncapped_dec = [n5({ type: Boolean })], _bodyOverflowing_dec = [r5()], _returnFlash_dec = [r5()], _outcomeScanTone_dec = [r5()], _diffViewOverride_dec = [r5()], _a81) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _call2, __runInitializers(_init82, 8, this, { id: "", name: "", status: "pending" })), __runInitializers(_init82, 11, this);
     __privateAdd(this, _toolRegistry2, __runInitializers(_init82, 12, this, DeesHarnessToolRegistry.default)), __runInitializers(_init82, 15, this);
     __privateAdd(this, _allowSubtaskStreams, __runInitializers(_init82, 16, this, true)), __runInitializers(_init82, 19, this);
-    __privateAdd(this, _expanded2, __runInitializers(_init82, 20, this)), __runInitializers(_init82, 23, this);
-    __privateAdd(this, _outputExpanded, __runInitializers(_init82, 24, this, false)), __runInitializers(_init82, 27, this);
-    __privateAdd(this, _bodyMounted, __runInitializers(_init82, 28, this, false)), __runInitializers(_init82, 31, this);
-    __privateAdd(this, _bodyCapPx, __runInitializers(_init82, 32, this, 360)), __runInitializers(_init82, 35, this);
-    __privateAdd(this, _uncapped, __runInitializers(_init82, 36, this, false)), __runInitializers(_init82, 39, this);
-    __privateAdd(this, _bodyOverflowing, __runInitializers(_init82, 40, this, false)), __runInitializers(_init82, 43, this);
-    __privateAdd(this, _returnFlash, __runInitializers(_init82, 44, this, false)), __runInitializers(_init82, 47, this);
-    __privateAdd(this, _outcomeScanTone, __runInitializers(_init82, 48, this, null)), __runInitializers(_init82, 51, this);
-    __privateAdd(this, _diffViewOverride, __runInitializers(_init82, 52, this, null)), __runInitializers(_init82, 55, this);
+    __privateAdd(this, _viewState2, __runInitializers(_init82, 20, this)), __runInitializers(_init82, 23, this);
+    __privateAdd(this, _expanded2, __runInitializers(_init82, 24, this)), __runInitializers(_init82, 27, this);
+    __privateAdd(this, _outputExpanded, __runInitializers(_init82, 28, this, false)), __runInitializers(_init82, 31, this);
+    __privateAdd(this, _bodyMounted, __runInitializers(_init82, 32, this, false)), __runInitializers(_init82, 35, this);
+    __privateAdd(this, _bodyCapPx, __runInitializers(_init82, 36, this, 360)), __runInitializers(_init82, 39, this);
+    __privateAdd(this, _uncapped, __runInitializers(_init82, 40, this, false)), __runInitializers(_init82, 43, this);
+    __privateAdd(this, _bodyOverflowing, __runInitializers(_init82, 44, this, false)), __runInitializers(_init82, 47, this);
+    __privateAdd(this, _returnFlash, __runInitializers(_init82, 48, this, false)), __runInitializers(_init82, 51, this);
+    __privateAdd(this, _outcomeScanTone, __runInitializers(_init82, 52, this, null)), __runInitializers(_init82, 55, this);
+    __privateAdd(this, _diffViewOverride, __runInitializers(_init82, 56, this, null)), __runInitializers(_init82, 59, this);
     __publicField(this, "bodyResizeObserver", null);
     __publicField(this, "observedBodyInner", null);
     __publicField(this, "fullscreenPortal", null);
     __publicField(this, "disclosureFrame", null);
+    __publicField(this, "returnScrollFrame", null);
     __publicField(this, "subtaskResultElement", null);
     __publicField(this, "subtaskResultResizeObserver", null);
     __publicField(this, "terminalTailFollowing", true);
+    __publicField(this, "terminalScrollHydrated", false);
+    __publicField(this, "terminalScrollHydrationFrame", null);
     __publicField(this, "terminalTailReturnTimeout", null);
     __publicField(this, "terminalTailReturnDelayMs", 5e3);
     __publicField(this, "toggleDisclosure", /* @__PURE__ */ __name(() => {
@@ -176724,12 +176738,14 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
         if (this.disclosureFrame !== null) cancelAnimationFrame(this.disclosureFrame);
         this.disclosureFrame = null;
         this.expanded = false;
+        if (this.viewState) this.viewState.toolExpanded = false;
         return;
       }
       if (this.bodyMounted) {
         if (this.disclosureFrame !== null) cancelAnimationFrame(this.disclosureFrame);
         this.disclosureFrame = null;
         this.expanded = true;
+        if (this.viewState) this.viewState.toolExpanded = true;
         return;
       }
       this.bodyMounted = true;
@@ -176741,11 +176757,17 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
           if (!this.isConnected || this.expanded !== false) return;
           this.shadowRoot?.querySelector(".bodyDisclosure")?.getBoundingClientRect();
           this.expanded = true;
+          if (this.viewState) this.viewState.toolExpanded = true;
         });
       });
     }, "toggleDisclosure"));
     __publicField(this, "openFullscreen", /* @__PURE__ */ __name(() => {
       if (this.fullscreenPortal || this.hasSubtaskPreview) return;
+      this.dispatchEvent(new CustomEvent("harness-card-retention", {
+        detail: { active: true },
+        bubbles: true,
+        composed: true
+      }));
       const portal = document.createElement("dees-harness-tool-fullscreen");
       portal.call = this.enrichedCall;
       portal.toolRegistry = this.toolRegistry;
@@ -176768,14 +176790,22 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
       }));
       if (this.flashFallbackTimeout) clearTimeout(this.flashFallbackTimeout);
       this.flashFallbackTimeout = setTimeout(() => this.endReturnFlash(), 900);
-      requestAnimationFrame(() => {
+      if (this.returnScrollFrame !== null) cancelAnimationFrame(this.returnScrollFrame);
+      this.returnScrollFrame = requestAnimationFrame(() => {
+        this.returnScrollFrame = null;
+        if (!this.isConnected) return;
         this.scrollIntoView({ block: "center", behavior: "smooth" });
       });
     }, "closeFullscreen"));
     __publicField(this, "handleBodyScroll", /* @__PURE__ */ __name((eventArg) => {
       if (this.descriptor.kind !== "terminal" || this.uncapped) return;
+      if (!this.terminalScrollHydrated) return;
       const frame = eventArg.currentTarget;
       this.terminalTailFollowing = frame.scrollHeight - frame.scrollTop - frame.clientHeight <= 2;
+      if (this.viewState) {
+        this.viewState.toolTerminalTailFollowing = this.terminalTailFollowing;
+        this.viewState.toolTerminalScrollTop = frame.scrollTop;
+      }
       if (this.terminalTailFollowing) this.cancelTerminalTailReturn();
     }, "handleBodyScroll"));
     __publicField(this, "scheduleTerminalTailReturn", /* @__PURE__ */ __name(() => {
@@ -176784,7 +176814,12 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
       this.terminalTailReturnTimeout = setTimeout(() => {
         this.terminalTailReturnTimeout = null;
         this.terminalTailFollowing = true;
+        if (this.viewState) this.viewState.toolTerminalTailFollowing = true;
         this.scrollTerminalToTail();
+        if (this.viewState) {
+          const frame = this.shadowRoot?.querySelector(".bodyClipFrame");
+          if (frame) this.viewState.toolTerminalScrollTop = frame.scrollTop;
+        }
       }, this.terminalTailReturnDelayMs);
     }, "scheduleTerminalTailReturn"));
     __publicField(this, "cancelTerminalTailReturn", /* @__PURE__ */ __name(() => {
@@ -176794,6 +176829,7 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
     }, "cancelTerminalTailReturn"));
     __publicField(this, "handleDiffViewChange", /* @__PURE__ */ __name((eventArg) => {
       this.diffViewOverride = eventArg.detail.diffView;
+      if (this.viewState) this.viewState.toolDiffView = this.diffViewOverride;
     }, "handleDiffViewChange"));
     __publicField(this, "syncSubtaskResultScroll", /* @__PURE__ */ __name(() => {
       const result = this.subtaskResultElement;
@@ -176816,6 +176852,7 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
   }
   get isOpen() {
     if (this.expanded !== void 0) return this.expanded;
+    if (this.viewState?.toolExpanded !== void 0) return this.viewState.toolExpanded;
     const descriptor = this.descriptor;
     if (descriptor.kind === "subtask" && this.call.subtask) {
       return this.allowSubtaskStreams && (this.call.subtask.status.type === "busy" || this.call.subtask.status.type === "error");
@@ -176911,6 +176948,11 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
     }
     if (!this.returnFlash) return;
     this.returnFlash = false;
+    this.dispatchEvent(new CustomEvent("harness-card-retention", {
+      detail: { active: false },
+      bubbles: true,
+      composed: true
+    }));
     this.dispatchEvent(new CustomEvent("harness-card-flash", {
       detail: { active: false },
       bubbles: true,
@@ -176931,11 +176973,41 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
   }
   willUpdate(changedProperties) {
     super.willUpdate(changedProperties);
+    if (changedProperties.has("viewState") || changedProperties.has("call")) {
+      this.terminalScrollHydrated = false;
+      if (this.terminalScrollHydrationFrame !== null) {
+        cancelAnimationFrame(this.terminalScrollHydrationFrame);
+        this.terminalScrollHydrationFrame = null;
+      }
+      if (this.expanded === void 0 && this.viewState?.toolExpanded !== void 0) {
+        this.expanded = this.viewState.toolExpanded;
+      }
+      if (!this.outputExpanded && this.viewState?.toolOutputExpanded === true) this.outputExpanded = true;
+      if (this.diffViewOverride === null && this.viewState?.toolDiffView !== void 0) {
+        this.diffViewOverride = this.viewState.toolDiffView;
+      }
+      if (this.viewState?.toolTerminalTailFollowing !== void 0) {
+        this.terminalTailFollowing = this.viewState.toolTerminalTailFollowing;
+      }
+      if (this.viewState) {
+        const subtask = this.call.subtask;
+        const ownsLiveTranscript = Boolean(
+          this.hasLiveSubtaskPreview && subtask?.previewState === "ready"
+        );
+        if (!subtask || !ownsLiveTranscript) {
+          delete this.viewState.subtaskTranscript;
+          delete this.viewState.subtaskTranscriptSessionId;
+        } else if (this.viewState.subtaskTranscriptSessionId !== subtask.sessionId || !this.viewState.subtaskTranscript) {
+          this.viewState.subtaskTranscriptSessionId = subtask.sessionId;
+          this.viewState.subtaskTranscript = { messages: {}, permissions: {}, questions: {} };
+        }
+      }
+    }
     const previousCall = changedProperties.get("call");
     if (!previousCall) return;
     if (previousCall.id !== this.call.id) {
-      this.diffViewOverride = null;
-      this.terminalTailFollowing = true;
+      this.diffViewOverride = this.viewState?.toolDiffView ?? null;
+      this.terminalTailFollowing = this.viewState?.toolTerminalTailFollowing ?? true;
       this.cancelTerminalTailReturn();
       return;
     }
@@ -176952,6 +177024,10 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
   updated(changedProperties) {
     super.updated(changedProperties);
     if (!this.isConnected) return;
+    this.terminalScrollHydrationFrame ??= requestAnimationFrame(() => {
+      this.terminalScrollHydrationFrame = null;
+      if (this.isConnected) this.terminalScrollHydrated = true;
+    });
     if (this.isOpen && !this.bodyMounted) this.bodyMounted = true;
     if (changedProperties.has("call") && this.fullscreenPortal) {
       this.fullscreenPortal.call = this.enrichedCall;
@@ -176984,12 +177060,24 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
     });
     this.bodyResizeObserver.observe(bodyInner);
     if (this.terminalTailFollowing) this.scrollTerminalToTail();
+    else if (this.viewState?.toolTerminalScrollTop !== void 0) {
+      const frame = this.shadowRoot?.querySelector(".bodyClipFrame");
+      if (frame) this.setTerminalScrollTop(frame, this.viewState.toolTerminalScrollTop);
+    }
   }
   scrollTerminalToTail() {
     if (this.descriptor.kind !== "terminal" || this.uncapped || !this.isOpen) return;
     const frame = this.shadowRoot?.querySelector(".bodyClipFrame");
     if (!frame) return;
-    frame.scrollTop = frame.scrollHeight;
+    if (this.viewState?.toolTerminalTailFollowing === false) {
+      this.terminalTailFollowing = false;
+      this.setTerminalScrollTop(frame, this.viewState.toolTerminalScrollTop ?? frame.scrollTop);
+      return;
+    }
+    this.setTerminalScrollTop(frame, frame.scrollHeight);
+  }
+  setTerminalScrollTop(frameArg, scrollTopArg) {
+    frameArg.scrollTop = scrollTopArg;
   }
   connectSubtaskResultScroll() {
     const nextResult = this.shadowRoot?.querySelector(
@@ -177018,6 +177106,15 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
       cancelAnimationFrame(this.disclosureFrame);
       this.disclosureFrame = null;
     }
+    if (this.returnScrollFrame !== null) {
+      cancelAnimationFrame(this.returnScrollFrame);
+      this.returnScrollFrame = null;
+    }
+    if (this.terminalScrollHydrationFrame !== null) {
+      cancelAnimationFrame(this.terminalScrollHydrationFrame);
+      this.terminalScrollHydrationFrame = null;
+    }
+    this.terminalScrollHydrated = false;
     if (this.flashFallbackTimeout) {
       clearTimeout(this.flashFallbackTimeout);
       this.flashFallbackTimeout = null;
@@ -177027,8 +177124,16 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
       this.outcomeScanFallbackTimeout = null;
     }
     this.cancelTerminalTailReturn();
+    if (this.fullscreenPortal || this.returnFlash) {
+      this.dispatchEvent(new CustomEvent("harness-card-retention", {
+        detail: { active: false },
+        bubbles: true,
+        composed: true
+      }));
+    }
     this.fullscreenPortal?.remove();
     this.fullscreenPortal = null;
+    this.returnFlash = false;
     this.bodyResizeObserver?.disconnect();
     this.bodyResizeObserver = null;
     this.observedBodyInner = null;
@@ -177073,6 +177178,7 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
                 .questions=${subtask.questions ?? []}
                 .status=${subtask.status}
                 .toolRegistry=${this.toolRegistry}
+                .viewState=${this.viewState?.subtaskTranscript}
                 .allowSubtaskStreams=${false}
                 .autoFollow=${this.isOpen}
                 .hideScrollbar=${true}
@@ -177158,6 +177264,7 @@ var _DeesHarnessToolCard = class _DeesHarnessToolCard extends (_a81 = DeesElemen
                   type="button"
                   @click=${() => {
           this.outputExpanded = true;
+          if (this.viewState) this.viewState.toolOutputExpanded = true;
         }}
                 >
                   Show all
@@ -177186,6 +177293,7 @@ _init82 = __decoratorStart(_a81);
 _call2 = new WeakMap();
 _toolRegistry2 = new WeakMap();
 _allowSubtaskStreams = new WeakMap();
+_viewState2 = new WeakMap();
 _expanded2 = new WeakMap();
 _outputExpanded = new WeakMap();
 _bodyMounted = new WeakMap();
@@ -177198,6 +177306,7 @@ _diffViewOverride = new WeakMap();
 __decorateElement(_init82, 4, "call", _call_dec2, _DeesHarnessToolCard, _call2);
 __decorateElement(_init82, 4, "toolRegistry", _toolRegistry_dec2, _DeesHarnessToolCard, _toolRegistry2);
 __decorateElement(_init82, 4, "allowSubtaskStreams", _allowSubtaskStreams_dec, _DeesHarnessToolCard, _allowSubtaskStreams);
+__decorateElement(_init82, 4, "viewState", _viewState_dec2, _DeesHarnessToolCard, _viewState2);
 __decorateElement(_init82, 4, "expanded", _expanded_dec2, _DeesHarnessToolCard, _expanded2);
 __decorateElement(_init82, 4, "outputExpanded", _outputExpanded_dec, _DeesHarnessToolCard, _outputExpanded);
 __decorateElement(_init82, 4, "bodyMounted", _bodyMounted_dec, _DeesHarnessToolCard, _bodyMounted);
@@ -177766,10 +177875,10 @@ init_dist_ts26();
 init_theme();
 init_services();
 init_dees_icon();
-var _renderedMarkdownHtml_dec, _suppressEntry_dec, _allowSubtaskStreams_dec2, _toolRegistry_dec3, _markdownWhileStreaming_dec, _showTimestamp_dec, _showRole_dec, _message_dec2, _a82, _DeesHarnessMessage_decorators, _init83, _message2, _showRole, _showTimestamp, _markdownWhileStreaming, _toolRegistry3, _allowSubtaskStreams2, _suppressEntry, _renderedMarkdownHtml;
+var _renderedMarkdownHtml_dec, _viewState_dec3, _suppressEntry_dec, _allowSubtaskStreams_dec2, _toolRegistry_dec3, _markdownWhileStreaming_dec, _showTimestamp_dec, _showRole_dec, _message_dec2, _a82, _DeesHarnessMessage_decorators, _init83, _message2, _showRole, _showTimestamp, _markdownWhileStreaming, _toolRegistry3, _allowSubtaskStreams2, _suppressEntry, _viewState3, _renderedMarkdownHtml;
 var markdownParseThrottleMs = 150;
 _DeesHarnessMessage_decorators = [customElement("dees-harness-message")];
-var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = DeesElement, _message_dec2 = [n5({ attribute: false })], _showRole_dec = [n5({ type: Boolean })], _showTimestamp_dec = [n5({ type: Boolean })], _markdownWhileStreaming_dec = [n5({ type: Boolean })], _toolRegistry_dec3 = [n5({ attribute: false })], _allowSubtaskStreams_dec2 = [n5({ type: Boolean })], _suppressEntry_dec = [n5({ attribute: false })], _renderedMarkdownHtml_dec = [r5()], _a82) {
+var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = DeesElement, _message_dec2 = [n5({ attribute: false })], _showRole_dec = [n5({ type: Boolean })], _showTimestamp_dec = [n5({ type: Boolean })], _markdownWhileStreaming_dec = [n5({ type: Boolean })], _toolRegistry_dec3 = [n5({ attribute: false })], _allowSubtaskStreams_dec2 = [n5({ type: Boolean })], _suppressEntry_dec = [n5({ attribute: false })], _viewState_dec3 = [n5({ attribute: false })], _renderedMarkdownHtml_dec = [r5()], _a82) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _message2, __runInitializers(_init83, 8, this, { id: "", role: "assistant", text: "", createdAt: 0 })), __runInitializers(_init83, 11, this);
@@ -177779,7 +177888,8 @@ var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = DeesElement,
     __privateAdd(this, _toolRegistry3, __runInitializers(_init83, 24, this, DeesHarnessToolRegistry.default)), __runInitializers(_init83, 27, this);
     __privateAdd(this, _allowSubtaskStreams2, __runInitializers(_init83, 28, this, true)), __runInitializers(_init83, 31, this);
     __privateAdd(this, _suppressEntry, __runInitializers(_init83, 32, this, false)), __runInitializers(_init83, 35, this);
-    __privateAdd(this, _renderedMarkdownHtml, __runInitializers(_init83, 36, this, "")), __runInitializers(_init83, 39, this);
+    __privateAdd(this, _viewState3, __runInitializers(_init83, 36, this)), __runInitializers(_init83, 39, this);
+    __privateAdd(this, _renderedMarkdownHtml, __runInitializers(_init83, 40, this, "")), __runInitializers(_init83, 43, this);
     __publicField(this, "markdownParseToken", 0);
     __publicField(this, "lastParsedText", "");
     __publicField(this, "markdownThrottleTimeout", null);
@@ -177841,6 +177951,7 @@ var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = DeesElement,
           .call=${message2.toolCall}
           .toolRegistry=${this.toolRegistry}
           .allowSubtaskStreams=${this.allowSubtaskStreams}
+          .viewState=${this.viewState}
         ></dees-harness-tool-card>
       `;
     }
@@ -177862,7 +177973,10 @@ var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = DeesElement,
             ` : ""}
         ${message2.reasoning?.length ? b2`
               <div class="reasoningStack">
-                <dees-harness-reasoning .reasoningParts=${message2.reasoning}></dees-harness-reasoning>
+                <dees-harness-reasoning
+                  .reasoningParts=${message2.reasoning}
+                  .viewState=${this.viewState}
+                ></dees-harness-reasoning>
               </div>
             ` : ""}
         ${message2.attachments?.length ? this.renderAttachments(message2.attachments) : ""}
@@ -177870,6 +177984,7 @@ var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = DeesElement,
               .call=${message2.toolCall}
               .toolRegistry=${this.toolRegistry}
               .allowSubtaskStreams=${this.allowSubtaskStreams}
+              .viewState=${this.viewState}
             ></dees-harness-tool-card>` : ""}
         ${this.renderText()}
         ${message2.error ? b2`<div class="errorText">${message2.error}</div>` : ""}
@@ -177931,6 +178046,15 @@ var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = DeesElement,
   async updated(changedProperties) {
     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;
@@ -177953,6 +178077,10 @@ var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = 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);
@@ -177983,6 +178111,7 @@ var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = DeesElement,
     }
   }
   async disconnectedCallback() {
+    this.markdownParseToken += 1;
     if (this.markdownThrottleTimeout) {
       clearTimeout(this.markdownThrottleTimeout);
       this.markdownThrottleTimeout = null;
@@ -177998,6 +178127,7 @@ _markdownWhileStreaming = new WeakMap();
 _toolRegistry3 = new WeakMap();
 _allowSubtaskStreams2 = new WeakMap();
 _suppressEntry = new WeakMap();
+_viewState3 = new WeakMap();
 _renderedMarkdownHtml = new WeakMap();
 __decorateElement(_init83, 4, "message", _message_dec2, _DeesHarnessMessage, _message2);
 __decorateElement(_init83, 4, "showRole", _showRole_dec, _DeesHarnessMessage, _showRole);
@@ -178006,6 +178136,7 @@ __decorateElement(_init83, 4, "markdownWhileStreaming", _markdownWhileStreaming_
 __decorateElement(_init83, 4, "toolRegistry", _toolRegistry_dec3, _DeesHarnessMessage, _toolRegistry3);
 __decorateElement(_init83, 4, "allowSubtaskStreams", _allowSubtaskStreams_dec2, _DeesHarnessMessage, _allowSubtaskStreams2);
 __decorateElement(_init83, 4, "suppressEntry", _suppressEntry_dec, _DeesHarnessMessage, _suppressEntry);
+__decorateElement(_init83, 4, "viewState", _viewState_dec3, _DeesHarnessMessage, _viewState3);
 __decorateElement(_init83, 4, "renderedMarkdownHtml", _renderedMarkdownHtml_dec, _DeesHarnessMessage, _renderedMarkdownHtml);
 _DeesHarnessMessage = __decorateElement(_init83, 0, "DeesHarnessMessage", _DeesHarnessMessage_decorators, _DeesHarnessMessage);
 __name(_DeesHarnessMessage, "DeesHarnessMessage");
@@ -178550,23 +178681,28 @@ var demoFunc60 = /* @__PURE__ */ __name(() => b2`
 init_dist_ts26();
 init_theme();
 init_dees_icon();
-var _answered_dec, _remember_dec, _busy_dec, _request_dec, _a84, _DeesHarnessPermissionCard_decorators, _init85, _request, _busy, _remember, _answered;
+var _answered_dec, _remember_dec, _suppressEntry_dec2, _viewState_dec4, _busy_dec, _request_dec, _a84, _DeesHarnessPermissionCard_decorators, _init85, _request, _busy, _viewState4, _suppressEntry2, _remember, _answered;
 var badgeTypeForPermission = /* @__PURE__ */ __name((permissionType) => {
   if (permissionType === "delete" || permissionType === "shell") return "error";
   if (permissionType === "write" || permissionType === "browser") return "warning";
   return "default";
 }, "badgeTypeForPermission");
 _DeesHarnessPermissionCard_decorators = [customElement("dees-harness-permission-card")];
-var _DeesHarnessPermissionCard = class _DeesHarnessPermissionCard extends (_a84 = DeesElement, _request_dec = [n5({ attribute: false })], _busy_dec = [n5({ type: Boolean })], _remember_dec = [r5()], _answered_dec = [r5()], _a84) {
+var _DeesHarnessPermissionCard = class _DeesHarnessPermissionCard extends (_a84 = DeesElement, _request_dec = [n5({ attribute: false })], _busy_dec = [n5({ type: Boolean })], _viewState_dec4 = [n5({ attribute: false })], _suppressEntry_dec2 = [n5({ type: Boolean })], _remember_dec = [r5()], _answered_dec = [r5()], _a84) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _request, __runInitializers(_init85, 8, this, { id: "", title: "", type: "permission" })), __runInitializers(_init85, 11, this);
     __privateAdd(this, _busy, __runInitializers(_init85, 12, this, false)), __runInitializers(_init85, 15, this);
-    __privateAdd(this, _remember, __runInitializers(_init85, 16, this, false)), __runInitializers(_init85, 19, this);
-    __privateAdd(this, _answered, __runInitializers(_init85, 20, this)), __runInitializers(_init85, 23, this);
+    __privateAdd(this, _viewState4, __runInitializers(_init85, 16, this)), __runInitializers(_init85, 19, this);
+    __privateAdd(this, _suppressEntry2, __runInitializers(_init85, 20, this, false)), __runInitializers(_init85, 23, this);
+    __privateAdd(this, _remember, __runInitializers(_init85, 24, this, false)), __runInitializers(_init85, 27, this);
+    __privateAdd(this, _answered, __runInitializers(_init85, 28, this)), __runInitializers(_init85, 31, this);
   }
   get effectiveResponse() {
-    return this.request.response ?? this.answered;
+    return this.request.response ?? this.answered ?? this.viewState?.answered;
+  }
+  get effectiveRemember() {
+    return this.remember || this.viewState?.remember === true;
   }
   render() {
     const request = this.request;
@@ -178588,7 +178724,7 @@ var _DeesHarnessPermissionCard = class _DeesHarnessPermissionCard extends (_a84
               </div>
             ` : ""}
         <div class="actions">
-          ${this.effectiveResponse ? b2`<span class="answeredNote">Answered: ${this.effectiveResponse}${this.remember ? " (remembered)" : ""}</span>` : b2`
+          ${this.effectiveResponse ? b2`<span class="answeredNote">Answered: ${this.effectiveResponse}${this.effectiveRemember ? " (remembered)" : ""}</span>` : b2`
                 <dees-button type="accent" size="sm" ?disabled=${disabled} @clicked=${() => this.respond("once")}>
                   Allow Once
                 </dees-button>
@@ -178601,10 +178737,11 @@ var _DeesHarnessPermissionCard = class _DeesHarnessPermissionCard extends (_a84
                 <label class="rememberLabel">
                   <input
                     type="checkbox"
-                    .checked=${this.remember}
+                    .checked=${this.effectiveRemember}
                     ?disabled=${disabled}
-                    @change=${(event) => {
+                      @change=${(event) => {
       this.remember = event.currentTarget.checked;
+      if (this.viewState) this.viewState.remember = this.remember;
     }}
                   />
                   remember for this session
@@ -178616,13 +178753,18 @@ var _DeesHarnessPermissionCard = class _DeesHarnessPermissionCard extends (_a84
   }
   respond(response) {
     if (this.busy || this.effectiveResponse !== void 0) return;
+    const remember = this.effectiveRemember || response === "always";
     this.answered = response;
+    if (this.viewState) {
+      this.viewState.answered = response;
+      this.viewState.remember = remember;
+    }
     this.dispatchEvent(
       new CustomEvent("harness-permission-response", {
         detail: {
           requestId: this.request.id,
           response,
-          remember: this.remember || response === "always",
+          remember,
           request: this.request
         },
         bubbles: true,
@@ -178630,14 +178772,22 @@ var _DeesHarnessPermissionCard = class _DeesHarnessPermissionCard extends (_a84
       })
     );
   }
+  firstUpdated(changedPropertiesArg) {
+    super.firstUpdated(changedPropertiesArg);
+    if (this.suppressEntry) this.classList.add("no-entry");
+  }
 };
 _init85 = __decoratorStart(_a84);
 _request = new WeakMap();
 _busy = new WeakMap();
+_viewState4 = new WeakMap();
+_suppressEntry2 = new WeakMap();
 _remember = new WeakMap();
 _answered = new WeakMap();
 __decorateElement(_init85, 4, "request", _request_dec, _DeesHarnessPermissionCard, _request);
 __decorateElement(_init85, 4, "busy", _busy_dec, _DeesHarnessPermissionCard, _busy);
+__decorateElement(_init85, 4, "viewState", _viewState_dec4, _DeesHarnessPermissionCard, _viewState4);
+__decorateElement(_init85, 4, "suppressEntry", _suppressEntry_dec2, _DeesHarnessPermissionCard, _suppressEntry2);
 __decorateElement(_init85, 4, "remember", _remember_dec, _DeesHarnessPermissionCard, _remember);
 __decorateElement(_init85, 4, "answered", _answered_dec, _DeesHarnessPermissionCard, _answered);
 _DeesHarnessPermissionCard = __decorateElement(_init85, 0, "DeesHarnessPermissionCard", _DeesHarnessPermissionCard_decorators, _DeesHarnessPermissionCard);
@@ -178670,6 +178820,10 @@ __publicField(_DeesHarnessPermissionCard, "styles", [
         }
       }
 
+      :host(.no-entry) {
+        animation: none;
+      }
+
       @media (prefers-reduced-motion: reduce) {
         :host {
           animation: none;
@@ -178824,19 +178978,27 @@ var demoFunc61 = /* @__PURE__ */ __name(() => b2`
 init_dist_ts26();
 init_theme();
 init_dees_icon();
-var _customText_dec, _selected_dec2, _answered_dec2, _busy_dec2, _request_dec2, _a85, _DeesHarnessQuestionCard_decorators, _init86, _request2, _busy2, _answered2, _selected2, _customText;
+var _customText_dec, _selected_dec2, _answered_dec2, _suppressEntry_dec3, _viewState_dec5, _busy_dec2, _request_dec2, _a85, _DeesHarnessQuestionCard_decorators, _init86, _request2, _busy2, _viewState5, _suppressEntry3, _answered2, _selected2, _customText;
 _DeesHarnessQuestionCard_decorators = [customElement("dees-harness-question-card")];
-var _DeesHarnessQuestionCard = class _DeesHarnessQuestionCard extends (_a85 = DeesElement, _request_dec2 = [n5({ attribute: false })], _busy_dec2 = [n5({ type: Boolean })], _answered_dec2 = [r5()], _selected_dec2 = [r5()], _customText_dec = [r5()], _a85) {
+var _DeesHarnessQuestionCard = class _DeesHarnessQuestionCard extends (_a85 = DeesElement, _request_dec2 = [n5({ attribute: false })], _busy_dec2 = [n5({ type: Boolean })], _viewState_dec5 = [n5({ attribute: false })], _suppressEntry_dec3 = [n5({ type: Boolean })], _answered_dec2 = [r5()], _selected_dec2 = [r5()], _customText_dec = [r5()], _a85) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _request2, __runInitializers(_init86, 8, this, { id: "", question: "" })), __runInitializers(_init86, 11, this);
     __privateAdd(this, _busy2, __runInitializers(_init86, 12, this, false)), __runInitializers(_init86, 15, this);
-    __privateAdd(this, _answered2, __runInitializers(_init86, 16, this)), __runInitializers(_init86, 19, this);
-    __privateAdd(this, _selected2, __runInitializers(_init86, 20, this, /* @__PURE__ */ new Set())), __runInitializers(_init86, 23, this);
-    __privateAdd(this, _customText, __runInitializers(_init86, 24, this, "")), __runInitializers(_init86, 27, this);
+    __privateAdd(this, _viewState5, __runInitializers(_init86, 16, this)), __runInitializers(_init86, 19, this);
+    __privateAdd(this, _suppressEntry3, __runInitializers(_init86, 20, this, false)), __runInitializers(_init86, 23, this);
+    __privateAdd(this, _answered2, __runInitializers(_init86, 24, this)), __runInitializers(_init86, 27, this);
+    __privateAdd(this, _selected2, __runInitializers(_init86, 28, this, /* @__PURE__ */ new Set())), __runInitializers(_init86, 31, this);
+    __privateAdd(this, _customText, __runInitializers(_init86, 32, this, "")), __runInitializers(_init86, 35, this);
   }
   get effectiveResponse() {
-    return this.request.response ?? this.answered;
+    return this.request.response ?? this.answered ?? this.viewState?.answered;
+  }
+  get effectiveSelected() {
+    return this.selected.size > 0 ? this.selected : new Set(this.viewState?.selected ?? []);
+  }
+  get effectiveCustomText() {
+    return this.customText || this.viewState?.customText || "";
   }
   render() {
     const request = this.request;
@@ -178858,7 +179020,7 @@ var _DeesHarnessQuestionCard = class _DeesHarnessQuestionCard extends (_a85 = De
                     <div class="options" role=${request.multiSelect ? "group" : "radiogroup"}>
                       ${request.options.map((option2) => b2`
                         <button
-                          class="option ${this.selected.has(option2.label) ? "selected" : ""}"
+                          class="option ${this.effectiveSelected.has(option2.label) ? "selected" : ""}"
                           type="button"
                           ?disabled=${disabled}
                           @click=${() => this.handleOptionClick(option2.label)}
@@ -178873,23 +179035,24 @@ var _DeesHarnessQuestionCard = class _DeesHarnessQuestionCard extends (_a85 = De
                     <div class="customRow">
                       <input
                         placeholder="Answer in your own words…"
-                        .value=${this.customText}
+                        .value=${this.effectiveCustomText}
                         ?disabled=${disabled}
                         @input=${(event) => {
       this.customText = event.currentTarget.value;
+      if (this.viewState) this.viewState.customText = this.customText;
     }}
                         @keydown=${(event) => {
-      if (event.key === "Enter" && this.customText.trim()) {
-        this.respond([...this.selected, this.customText.trim()]);
+      if (event.key === "Enter" && this.effectiveCustomText.trim()) {
+        this.respond([...this.effectiveSelected, this.effectiveCustomText.trim()]);
       }
     }}
                       />
                       <dees-button
                         size="sm"
-                        ?disabled=${disabled || !this.customText.trim() && !this.selected.size}
+                        ?disabled=${disabled || !this.effectiveCustomText.trim() && !this.effectiveSelected.size}
                         @clicked=${() => {
-      const answers = [...this.selected];
-      if (this.customText.trim()) answers.push(this.customText.trim());
+      const answers = [...this.effectiveSelected];
+      if (this.effectiveCustomText.trim()) answers.push(this.effectiveCustomText.trim());
       this.respond(answers);
     }}
                       >Send Answer</dees-button>
@@ -178900,8 +179063,8 @@ var _DeesHarnessQuestionCard = class _DeesHarnessQuestionCard extends (_a85 = De
                       <dees-button
                         type="accent"
                         size="sm"
-                        ?disabled=${disabled || !this.selected.size}
-                        @clicked=${() => this.respond([...this.selected])}
+                        ?disabled=${disabled || !this.effectiveSelected.size}
+                        @clicked=${() => this.respond([...this.effectiveSelected])}
                       >Confirm</dees-button>
                     </div>
                   ` : ""}
@@ -178912,10 +179075,11 @@ var _DeesHarnessQuestionCard = class _DeesHarnessQuestionCard extends (_a85 = De
   handleOptionClick(label) {
     if (this.busy || this.effectiveResponse !== void 0) return;
     if (this.request.multiSelect) {
-      const next2 = new Set(this.selected);
+      const next2 = new Set(this.effectiveSelected);
       if (next2.has(label)) next2.delete(label);
       else next2.add(label);
       this.selected = next2;
+      if (this.viewState) this.viewState.selected = [...next2];
       return;
     }
     this.respond([label]);
@@ -178923,6 +179087,7 @@ var _DeesHarnessQuestionCard = class _DeesHarnessQuestionCard extends (_a85 = De
   respond(answers) {
     if (this.busy || this.effectiveResponse !== void 0 || !answers.length) return;
     this.answered = answers;
+    if (this.viewState) this.viewState.answered = answers;
     this.dispatchEvent(
       new CustomEvent("harness-question-response", {
         detail: {
@@ -178935,15 +179100,23 @@ var _DeesHarnessQuestionCard = class _DeesHarnessQuestionCard extends (_a85 = De
       })
     );
   }
+  firstUpdated(changedPropertiesArg) {
+    super.firstUpdated(changedPropertiesArg);
+    if (this.suppressEntry) this.classList.add("no-entry");
+  }
 };
 _init86 = __decoratorStart(_a85);
 _request2 = new WeakMap();
 _busy2 = new WeakMap();
+_viewState5 = new WeakMap();
+_suppressEntry3 = new WeakMap();
 _answered2 = new WeakMap();
 _selected2 = new WeakMap();
 _customText = new WeakMap();
 __decorateElement(_init86, 4, "request", _request_dec2, _DeesHarnessQuestionCard, _request2);
 __decorateElement(_init86, 4, "busy", _busy_dec2, _DeesHarnessQuestionCard, _busy2);
+__decorateElement(_init86, 4, "viewState", _viewState_dec5, _DeesHarnessQuestionCard, _viewState5);
+__decorateElement(_init86, 4, "suppressEntry", _suppressEntry_dec3, _DeesHarnessQuestionCard, _suppressEntry3);
 __decorateElement(_init86, 4, "answered", _answered_dec2, _DeesHarnessQuestionCard, _answered2);
 __decorateElement(_init86, 4, "selected", _selected_dec2, _DeesHarnessQuestionCard, _selected2);
 __decorateElement(_init86, 4, "customText", _customText_dec, _DeesHarnessQuestionCard, _customText);
@@ -178971,6 +179144,10 @@ __publicField(_DeesHarnessQuestionCard, "styles", [
         }
       }
 
+      :host(.no-entry) {
+        animation: none;
+      }
+
       @media (prefers-reduced-motion: reduce) {
         :host {
           animation: none;
@@ -179112,11 +179289,15 @@ var DeesHarnessQuestionCard = _DeesHarnessQuestionCard;
 init_dist_ts26();
 init_theme();
 init_dees_icon();
-var _scrollFadeBottom_dec, _scrollFadeTop_dec, _entryAnimationsEnabled_dec, _showJumpChip_dec, _emptyText_dec, _emptyTitle_dec, _showTimestamps_dec, _showRoles_dec, _allowSubtaskStreams_dec3, _toolRegistry_dec4, _fadeScrollEdges_dec, _hideScrollbar_dec, _autoFollow_dec, _questions_dec, _permissionsBusy_dec, _permissions_dec, _status_dec5, _messages_dec, _a86, _DeesHarnessMessageList_decorators, _init87, _messages, _status5, _permissions, _permissionsBusy, _questions, _autoFollow, _hideScrollbar, _fadeScrollEdges, _toolRegistry4, _allowSubtaskStreams3, _showRoles, _showTimestamps, _emptyTitle, _emptyText, _showJumpChip, _entryAnimationsEnabled, _scrollFadeTop, _scrollFadeBottom;
+var _scrollFadeBottom_dec, _scrollFadeTop_dec, _entryAnimationsEnabled_dec, _showJumpChip_dec, _emptyText_dec, _emptyTitle_dec, _showTimestamps_dec, _showRoles_dec, _allowSubtaskStreams_dec3, _viewState_dec6, _toolRegistry_dec4, _fadeScrollEdges_dec, _hideScrollbar_dec, _autoFollow_dec, _questions_dec, _permissionsBusy_dec, _permissions_dec, _status_dec5, _messages_dec, _a86, _DeesHarnessMessageList_decorators, _init87, _messages, _status5, _permissions, _permissionsBusy, _questions, _autoFollow, _hideScrollbar, _fadeScrollEdges, _toolRegistry4, _viewState6, _allowSubtaskStreams3, _showRoles, _showTimestamps, _emptyTitle, _emptyText, _showJumpChip, _entryAnimationsEnabled, _scrollFadeTop, _scrollFadeBottom;
 var { repeat: repeat4 } = directives_exports;
 var pinThresholdPx = 48;
+var virtualizationThreshold = 40;
+var virtualOverscanPx = 800;
+var virtualGapPx = 8;
+var maximumToolMessagesPerGroup = 4;
 _DeesHarnessMessageList_decorators = [customElement("dees-harness-message-list")];
-var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = DeesElement, _messages_dec = [n5({ attribute: false })], _status_dec5 = [n5({ attribute: false })], _permissions_dec = [n5({ attribute: false })], _permissionsBusy_dec = [n5({ type: Boolean })], _questions_dec = [n5({ attribute: false })], _autoFollow_dec = [n5({ type: Boolean })], _hideScrollbar_dec = [n5({ type: Boolean })], _fadeScrollEdges_dec = [n5({ type: Boolean })], _toolRegistry_dec4 = [n5({ attribute: false })], _allowSubtaskStreams_dec3 = [n5({ type: Boolean })], _showRoles_dec = [n5({ type: Boolean })], _showTimestamps_dec = [n5({ type: Boolean })], _emptyTitle_dec = [n5()], _emptyText_dec = [n5()], _showJumpChip_dec = [r5()], _entryAnimationsEnabled_dec = [r5()], _scrollFadeTop_dec = [r5()], _scrollFadeBottom_dec = [r5()], _a86) {
+var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = DeesElement, _messages_dec = [n5({ attribute: false })], _status_dec5 = [n5({ attribute: false })], _permissions_dec = [n5({ attribute: false })], _permissionsBusy_dec = [n5({ type: Boolean })], _questions_dec = [n5({ attribute: false })], _autoFollow_dec = [n5({ type: Boolean })], _hideScrollbar_dec = [n5({ type: Boolean })], _fadeScrollEdges_dec = [n5({ type: Boolean })], _toolRegistry_dec4 = [n5({ attribute: false })], _viewState_dec6 = [n5({ attribute: false })], _allowSubtaskStreams_dec3 = [n5({ type: Boolean })], _showRoles_dec = [n5({ type: Boolean })], _showTimestamps_dec = [n5({ type: Boolean })], _emptyTitle_dec = [n5()], _emptyText_dec = [n5()], _showJumpChip_dec = [r5()], _entryAnimationsEnabled_dec = [r5()], _scrollFadeTop_dec = [r5()], _scrollFadeBottom_dec = [r5()], _a86) {
   constructor() {
     super(...arguments);
     __privateAdd(this, _messages, __runInitializers(_init87, 8, this, [])), __runInitializers(_init87, 11, this);
@@ -179128,18 +179309,54 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
     __privateAdd(this, _hideScrollbar, __runInitializers(_init87, 32, this, false)), __runInitializers(_init87, 35, this);
     __privateAdd(this, _fadeScrollEdges, __runInitializers(_init87, 36, this, false)), __runInitializers(_init87, 39, this);
     __privateAdd(this, _toolRegistry4, __runInitializers(_init87, 40, this, DeesHarnessToolRegistry.default)), __runInitializers(_init87, 43, this);
-    __privateAdd(this, _allowSubtaskStreams3, __runInitializers(_init87, 44, this, true)), __runInitializers(_init87, 47, this);
-    __privateAdd(this, _showRoles, __runInitializers(_init87, 48, this, true)), __runInitializers(_init87, 51, this);
-    __privateAdd(this, _showTimestamps, __runInitializers(_init87, 52, this, false)), __runInitializers(_init87, 55, this);
-    __privateAdd(this, _emptyTitle, __runInitializers(_init87, 56, this, "No messages yet")), __runInitializers(_init87, 59, this);
-    __privateAdd(this, _emptyText, __runInitializers(_init87, 60, this, "Start a conversation to see it here.")), __runInitializers(_init87, 63, this);
-    __privateAdd(this, _showJumpChip, __runInitializers(_init87, 64, this, false)), __runInitializers(_init87, 67, this);
-    __privateAdd(this, _entryAnimationsEnabled, __runInitializers(_init87, 68, this, false)), __runInitializers(_init87, 71, this);
-    __privateAdd(this, _scrollFadeTop, __runInitializers(_init87, 72, this, false)), __runInitializers(_init87, 75, this);
-    __privateAdd(this, _scrollFadeBottom, __runInitializers(_init87, 76, this, false)), __runInitializers(_init87, 79, this);
+    __privateAdd(this, _viewState6, __runInitializers(_init87, 44, this)), __runInitializers(_init87, 47, this);
+    __privateAdd(this, _allowSubtaskStreams3, __runInitializers(_init87, 48, this, true)), __runInitializers(_init87, 51, this);
+    __privateAdd(this, _showRoles, __runInitializers(_init87, 52, this, true)), __runInitializers(_init87, 55, this);
+    __privateAdd(this, _showTimestamps, __runInitializers(_init87, 56, this, false)), __runInitializers(_init87, 59, this);
+    __privateAdd(this, _emptyTitle, __runInitializers(_init87, 60, this, "No messages yet")), __runInitializers(_init87, 63, this);
+    __privateAdd(this, _emptyText, __runInitializers(_init87, 64, this, "Start a conversation to see it here.")), __runInitializers(_init87, 67, this);
+    __privateAdd(this, _showJumpChip, __runInitializers(_init87, 68, this, false)), __runInitializers(_init87, 71, this);
+    __privateAdd(this, _entryAnimationsEnabled, __runInitializers(_init87, 72, this, false)), __runInitializers(_init87, 75, this);
+    __privateAdd(this, _scrollFadeTop, __runInitializers(_init87, 76, this, false)), __runInitializers(_init87, 79, this);
+    __privateAdd(this, _scrollFadeBottom, __runInitializers(_init87, 80, this, false)), __runInitializers(_init87, 83, this);
     __publicField(this, "toolGroupIdByMessageId", /* @__PURE__ */ new Map());
     __publicField(this, "nextToolGroupId", 1);
     __publicField(this, "timelineRenderItems", []);
+    __publicField(this, "timelineRegistryRevision", -1);
+    __publicField(this, "knownContentKeys", /* @__PURE__ */ new Set());
+    __publicField(this, "currentNewContentKeys", /* @__PURE__ */ new Set());
+    __publicField(this, "localViewState", {
+      messages: {},
+      permissions: {},
+      questions: {}
+    });
+    __publicField(this, "measuredVirtualHeights", /* @__PURE__ */ new Map());
+    __publicField(this, "timelineIndexByKey", /* @__PURE__ */ new Map());
+    __publicField(this, "virtualOffsets", []);
+    __publicField(this, "virtualTotalHeight", 0);
+    __publicField(this, "virtualStartIndex", 0);
+    __publicField(this, "virtualEndIndex", 0);
+    __publicField(this, "retainedVirtualKeys", /* @__PURE__ */ new Set());
+    __publicField(this, "selectionGestureKeys", /* @__PURE__ */ new Set());
+    __publicField(this, "selectionGestureActive", false);
+    __publicField(this, "selectionGestureStartOwner");
+    __publicField(this, "selectionGestureCrossesOwners", false);
+    __publicField(this, "selectionGestureSnapshot");
+    __publicField(this, "explicitRetainedVirtualKey");
+    __publicField(this, "virtualRowResizeObserver", null);
+    __publicField(this, "virtualViewportResizeObserver", null);
+    __publicField(this, "virtualMeasureFrame", null);
+    __publicField(this, "virtualRangeFrame", null);
+    __publicField(this, "lastVirtualViewportWidth", 0);
+    __publicField(this, "pendingVirtualAnchor");
+    __publicField(this, "pendingFullAnchor");
+    __publicField(this, "measurementAnchor");
+    __publicField(this, "pendingVirtualRepin", false);
+    __publicField(this, "virtualizationEnabled", false);
+    __publicField(this, "virtualizationEnablePending", false);
+    __publicField(this, "virtualizationDisablePending", false);
+    __publicField(this, "virtualizationActivationFrame", null);
+    __publicField(this, "selectionChangeListening", false);
     __publicField(this, "contentResizeObserver", null);
     __publicField(this, "observedScrollContent", null);
     __publicField(this, "observedContentBlockSize", null);
@@ -179170,6 +179387,7 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
       if (event.type === "keydown" && !["ArrowUp", "PageUp", "Home"].includes(event.key)) return;
       if (event.type === "pointerdown" && event.target !== this.scrollContainer) return;
       this.userUnpinned = true;
+      this.measurementAnchor = void 0;
     }, "handleUserScrollIntent"));
     __publicField(this, "handleScroll", /* @__PURE__ */ __name(() => {
       const container = this.scrollContainer;
@@ -179183,7 +179401,58 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
         }
       }
       this.lastObservedScrollTop = top;
+      this.scheduleVirtualRangeUpdate();
+      this.schedulePendingVirtualizationActivation();
     }, "handleScroll"));
+    __publicField(this, "handleSelectionChange", /* @__PURE__ */ __name(() => {
+      const selection = document.getSelection();
+      if (!selection || selection.rangeCount === 0 || !this.selectionGestureActive && this.selectionGestureSnapshot && !this.selectionMatchesGestureSnapshot(selection) || !this.selectionGestureActive && selection.isCollapsed && !this.hasCrossShadowSelectionFallback) this.clearSelectionGesture();
+      this.scheduleVirtualRangeUpdate();
+      this.schedulePendingVirtualizationActivation();
+    }, "handleSelectionChange"));
+    __publicField(this, "handlePointerDown", /* @__PURE__ */ __name((eventArg) => {
+      this.handleUserScrollIntent(eventArg);
+      if (eventArg.button !== 0) return;
+      this.clearSelectionGesture();
+      this.selectionGestureActive = true;
+      this.selectionGestureStartOwner = this.selectionOwnerForEvent(eventArg);
+      const key2 = this.timelineKeyForEvent(eventArg);
+      if (key2) this.selectionGestureKeys.add(key2);
+    }, "handlePointerDown"));
+    __publicField(this, "handlePointerUp", /* @__PURE__ */ __name((eventArg) => {
+      if (eventArg.button !== 0) return;
+      const key2 = this.timelineKeyForEvent(eventArg);
+      if (key2) this.selectionGestureKeys.add(key2);
+      const endOwner = this.selectionOwnerForEvent(eventArg);
+      this.selectionGestureCrossesOwners = Boolean(
+        this.selectionGestureStartOwner && endOwner && this.selectionGestureStartOwner !== endOwner
+      );
+      this.selectionGestureActive = false;
+      this.selectionGestureSnapshot = this.captureSelectionSnapshot(document.getSelection());
+      if (!this.hasCrossShadowSelectionFallback && document.getSelection()?.isCollapsed !== false) {
+        this.clearSelectionGesture();
+      }
+      this.handleProtectedStateChange();
+    }, "handlePointerUp"));
+    __publicField(this, "handlePointerCancel", /* @__PURE__ */ __name(() => {
+      this.clearSelectionGesture();
+      this.handleProtectedStateChange();
+    }, "handlePointerCancel"));
+    __publicField(this, "handleProtectedStateChange", /* @__PURE__ */ __name(() => {
+      this.scheduleVirtualRangeUpdate();
+      this.schedulePendingVirtualizationActivation();
+    }, "handleProtectedStateChange"));
+    __publicField(this, "handleCardRetention", /* @__PURE__ */ __name((eventArg) => {
+      const pathElements = eventArg.composedPath().filter((candidate) => candidate instanceof HTMLElement);
+      const row = pathElements.map((candidate) => this.ownedVirtualRow(candidate)).find((candidate) => candidate !== void 0);
+      const timelineElement = pathElements.map((candidate) => this.ownedTimelineElement(candidate)).find((candidate) => candidate !== void 0);
+      const key2 = row?.dataset.virtualKey ?? timelineElement?.dataset.timelineKey;
+      if (eventArg.detail?.active === true && key2) this.explicitRetainedVirtualKey = key2;
+      else if (!key2 || this.explicitRetainedVirtualKey === key2) this.explicitRetainedVirtualKey = void 0;
+      this.retainedVirtualKeys = new Set(this.activeVirtualKeys());
+      this.scheduleVirtualRangeUpdate();
+      this.schedulePendingVirtualizationActivation();
+    }, "handleCardRetention"));
   }
   /** Messages and requests merged chronologically (stable ids as keys). */
   get timelineItems() {
@@ -179259,20 +179528,211 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
   }
   willUpdate(changedProperties) {
     super.willUpdate(changedProperties);
-    this.timelineRenderItems = this.buildTimelineRenderItems();
+    if (changedProperties.has("viewState") && this.viewState) {
+      this.clearTranscriptViewState(this.localViewState);
+    }
+    const registryChanged = this.timelineRegistryRevision !== this.toolRegistry.revision;
+    if (this.timelineRegistryRevision < 0 || changedProperties.has("messages") || changedProperties.has("permissions") || changedProperties.has("questions") || changedProperties.has("toolRegistry") || changedProperties.has("viewState") || registryChanged) {
+      this.rebuildTimeline();
+    }
   }
   appendToolRun(targetArg, runArg, layoutArg, usedGroupIdsArg) {
-    const groupId = runArg.map((item) => this.toolGroupIdByMessageId.get(item.message.id)).find((candidate) => candidate !== void 0 && !usedGroupIdsArg.has(candidate)) ?? `tool-group-${this.nextToolGroupId++}`;
-    usedGroupIdsArg.add(groupId);
-    for (const item of runArg) {
-      this.toolGroupIdByMessageId.set(item.message.id, groupId);
-    }
-    targetArg.push({
-      kind: "tool-group",
-      key: groupId,
-      layout: layoutArg,
-      messages: runArg
-    });
+    for (let offset = 0; offset < runArg.length; offset += maximumToolMessagesPerGroup) {
+      const messages = runArg.slice(offset, offset + maximumToolMessagesPerGroup);
+      const groupId = messages.map((item) => this.toolGroupIdByMessageId.get(item.message.id)).find((candidate) => candidate !== void 0 && !usedGroupIdsArg.has(candidate)) ?? `tool-group-${this.nextToolGroupId++}`;
+      usedGroupIdsArg.add(groupId);
+      for (const item of messages) {
+        this.toolGroupIdByMessageId.set(item.message.id, groupId);
+      }
+      targetArg.push({
+        kind: "tool-group",
+        key: groupId,
+        layout: layoutArg,
+        messages
+      });
+    }
+  }
+  rebuildTimeline() {
+    const container = this.scrollContainer;
+    const preserveAnchor = this.userUnpinned || !this.autoFollow;
+    const anchor = container && preserveAnchor ? this.captureCurrentAnchor(container) : void 0;
+    const nextItems = this.buildTimelineRenderItems();
+    const retainedKeys = new Set(nextItems.map((item) => item.key));
+    const contentKeys = [
+      ...this.messages.map((message2) => `message:${message2.id}`),
+      ...this.permissions.map((request) => `permission:${request.id}`),
+      ...this.questions.map((request) => `question:${request.id}`)
+    ];
+    this.currentNewContentKeys = new Set(
+      contentKeys.filter((key2) => !this.knownContentKeys.has(key2))
+    );
+    this.knownContentKeys.clear();
+    for (const key2 of contentKeys) this.knownContentKeys.add(key2);
+    for (const key2 of this.measuredVirtualHeights.keys()) {
+      if (!retainedKeys.has(key2)) this.measuredVirtualHeights.delete(key2);
+    }
+    if (this.explicitRetainedVirtualKey && !retainedKeys.has(this.explicitRetainedVirtualKey)) {
+      this.explicitRetainedVirtualKey = void 0;
+    }
+    for (const key2 of this.retainedVirtualKeys) {
+      if (!retainedKeys.has(key2)) this.retainedVirtualKeys.delete(key2);
+    }
+    const messageIds = new Set(this.messages.map((message2) => message2.id));
+    const permissionIds = new Set(this.permissions.map((request) => request.id));
+    const questionIds = new Set(this.questions.map((request) => request.id));
+    const effectiveViewState = this.effectiveViewState;
+    for (const key2 of Object.keys(effectiveViewState.messages)) {
+      if (!messageIds.has(key2)) delete effectiveViewState.messages[key2];
+    }
+    for (const key2 of Object.keys(effectiveViewState.permissions)) {
+      if (!permissionIds.has(key2)) delete effectiveViewState.permissions[key2];
+    }
+    for (const key2 of Object.keys(effectiveViewState.questions)) {
+      if (!questionIds.has(key2)) delete effectiveViewState.questions[key2];
+    }
+    for (const message2 of this.messages) effectiveViewState.messages[message2.id] ??= {};
+    for (const request of this.permissions) effectiveViewState.permissions[request.id] ??= {};
+    for (const request of this.questions) effectiveViewState.questions[request.id] ??= {};
+    for (const message2 of this.messages) this.syncSubtaskViewState(message2);
+    this.timelineRenderItems = nextItems;
+    this.timelineIndexByKey = new Map(nextItems.map((item, index3) => [item.key, index3]));
+    this.timelineRegistryRevision = this.toolRegistry.revision;
+    const shouldVirtualize = contentKeys.length > virtualizationThreshold;
+    if (!this.virtualizationEnabled && shouldVirtualize) {
+      this.virtualizationDisablePending = false;
+      if (this.activeTimelineKey()) {
+        this.virtualizationEnablePending = true;
+        this.connectSelectionChangeListener();
+      } else {
+        this.captureFullTimelineMeasurements();
+        this.virtualizationEnabled = true;
+        this.virtualizationEnablePending = false;
+        this.disconnectSelectionChangeListener();
+      }
+    } else if (this.virtualizationEnabled && !shouldVirtualize) {
+      this.virtualizationEnablePending = false;
+      if (this.activeTimelineKey()) {
+        this.virtualizationDisablePending = true;
+        this.connectSelectionChangeListener();
+      } else {
+        this.virtualizationEnabled = false;
+        this.virtualizationDisablePending = false;
+        this.retainedVirtualKeys.clear();
+        this.disconnectSelectionChangeListener();
+      }
+    } else {
+      this.virtualizationEnablePending = false;
+      this.virtualizationDisablePending = false;
+      if (this.activeSelectionKeys().length === 0) this.disconnectSelectionChangeListener();
+    }
+    this.recomputeVirtualOffsets();
+    if (anchor && container) {
+      if (this.virtualizationActive) {
+        this.pendingVirtualAnchor = anchor;
+        this.measurementAnchor = anchor;
+        this.setVirtualRangeAround(anchor.key);
+      } else {
+        this.pendingVirtualAnchor = void 0;
+        this.pendingFullAnchor = anchor;
+        this.setInitialVirtualRange();
+      }
+    } else {
+      this.measurementAnchor = void 0;
+      this.setInitialVirtualRange();
+    }
+  }
+  pruneViewState(stateArg, messageIdsArg, permissionIdsArg, questionIdsArg) {
+    const messageIds = new Set(messageIdsArg);
+    const permissionIds = new Set(permissionIdsArg);
+    const questionIds = new Set(questionIdsArg);
+    for (const key2 of Object.keys(stateArg.messages)) if (!messageIds.has(key2)) delete stateArg.messages[key2];
+    for (const key2 of Object.keys(stateArg.permissions)) if (!permissionIds.has(key2)) delete stateArg.permissions[key2];
+    for (const key2 of Object.keys(stateArg.questions)) if (!questionIds.has(key2)) delete stateArg.questions[key2];
+  }
+  clearTranscriptViewState(stateArg) {
+    for (const key2 of Object.keys(stateArg.messages)) delete stateArg.messages[key2];
+    for (const key2 of Object.keys(stateArg.permissions)) delete stateArg.permissions[key2];
+    for (const key2 of Object.keys(stateArg.questions)) delete stateArg.questions[key2];
+  }
+  syncSubtaskViewState(messageArg) {
+    const messageState = this.effectiveViewState.messages[messageArg.id];
+    if (!messageState) return;
+    const subtask = messageArg.toolCall?.subtask;
+    if (!this.allowSubtaskStreams || !subtask || subtask.previewState !== "ready" || subtask.status.type !== "busy") {
+      delete messageState.subtaskTranscript;
+      delete messageState.subtaskTranscriptSessionId;
+      return;
+    }
+    if (messageState.subtaskTranscriptSessionId !== subtask.sessionId || !messageState.subtaskTranscript) {
+      messageState.subtaskTranscriptSessionId = subtask.sessionId;
+      messageState.subtaskTranscript = { messages: {}, permissions: {}, questions: {} };
+    }
+    this.pruneViewState(
+      messageState.subtaskTranscript,
+      subtask.messages.map((entry) => entry.id),
+      (subtask.permissions ?? []).map((entry) => entry.id),
+      (subtask.questions ?? []).map((entry) => entry.id)
+    );
+  }
+  get virtualizationActive() {
+    return this.virtualizationEnabled;
+  }
+  estimatedVirtualHeight(itemArg) {
+    if (itemArg.kind === "permission") return 150;
+    if (itemArg.kind === "question") return 180;
+    if (itemArg.kind === "tool-group") {
+      if (itemArg.layout === "subtask") return 320;
+      return itemArg.layout === "full-row" ? 120 * itemArg.messages.length : 110;
+    }
+    if (itemArg.message.reasoning?.some((part) => !part.endedAt)) return 220;
+    return itemArg.message.text.length > 1e3 ? 180 : 96;
+  }
+  recomputeVirtualOffsets() {
+    const offsets = [];
+    let offset = 0;
+    for (const item of this.timelineRenderItems) {
+      offsets.push(offset);
+      offset += this.measuredVirtualHeights.get(item.key) ?? this.estimatedVirtualHeight(item);
+      offset += virtualGapPx;
+    }
+    this.virtualOffsets = offsets;
+    this.virtualTotalHeight = Math.max(0, offset - virtualGapPx);
+  }
+  setInitialVirtualRange() {
+    if (!this.virtualizationActive) {
+      this.virtualStartIndex = 0;
+      this.virtualEndIndex = this.timelineRenderItems.length;
+      return;
+    }
+    const initialCount = Math.min(this.timelineRenderItems.length, 24);
+    this.virtualEndIndex = this.autoFollow ? this.timelineRenderItems.length : initialCount;
+    this.virtualStartIndex = this.autoFollow ? this.virtualEndIndex - initialCount : 0;
+  }
+  setVirtualRangeAround(keyArg) {
+    const anchorIndex = this.timelineIndexByKey.get(keyArg);
+    if (anchorIndex === void 0) {
+      this.setInitialVirtualRange();
+      return;
+    }
+    this.virtualStartIndex = Math.max(0, anchorIndex - 12);
+    this.virtualEndIndex = Math.min(this.timelineRenderItems.length, anchorIndex + 13);
+  }
+  captureFullTimelineMeasurements() {
+    for (const element4 of this.shadowRoot?.querySelectorAll(".stack > [data-timeline-key]") ?? []) {
+      const key2 = element4.dataset.timelineKey;
+      const height = element4?.getBoundingClientRect().height ?? 0;
+      if (key2 && height > 0) this.measuredVirtualHeights.set(key2, height);
+    }
+  }
+  captureCurrentAnchor(containerArg) {
+    if (this.virtualizationActive) return this.captureVirtualAnchor(containerArg);
+    const containerTop = containerArg.getBoundingClientRect().top;
+    const itemElements = Array.from(
+      this.shadowRoot?.querySelectorAll(".stack > [data-timeline-key]") ?? []
+    );
+    const element4 = itemElements.find((candidate) => candidate.getBoundingClientRect().bottom > containerTop);
+    const key2 = element4?.dataset.timelineKey;
+    return key2 ? { key: key2, offset: containerTop - element4.getBoundingClientRect().top } : void 0;
   }
   render() {
     const items = this.timelineRenderItems;
@@ -179282,30 +179742,17 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
         @scroll=${this.handleScroll}
         @wheel=${this.handleUserScrollIntent}
         @touchmove=${this.handleUserScrollIntent}
-        @pointerdown=${this.handleUserScrollIntent}
+        @pointerdown=${this.handlePointerDown}
+        @pointerup=${this.handlePointerUp}
+        @pointercancel=${this.handlePointerCancel}
         @keydown=${this.handleUserScrollIntent}
+        @keyup=${this.handleProtectedStateChange}
+        @focusout=${this.handleProtectedStateChange}
+        @harness-card-retention=${this.handleCardRetention}
       >
         <div class="scrollContent">
         <slot name="leading"></slot>
-        ${items.length ? b2`
-              <div class="stack">
-                ${repeat4(
-      items,
-      (item) => item.key,
-      (item) => item.kind === "tool-group" ? this.renderToolGroup(item) : item.kind === "message" ? this.renderMessage(item) : item.kind === "permission" ? b2`
-                          <dees-harness-permission-card
-                            .request=${item.request}
-                            .busy=${this.permissionsBusy}
-                          ></dees-harness-permission-card>
-                        ` : b2`
-                          <dees-harness-question-card
-                            .request=${item.question}
-                            .busy=${this.permissionsBusy}
-                          ></dees-harness-question-card>
-                        `
-    )}
-              </div>
-            ` : b2`
+        ${items.length ? this.virtualizationActive ? this.renderVirtualTimeline() : this.renderFullTimeline(items) : b2`
               <div class="empty">
                 <slot name="empty">
                   <div class="emptyTitle">${this.emptyTitle}</div>
@@ -179326,9 +179773,90 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
           ` : ""}
     `;
   }
-  renderMessage(itemArg) {
+  renderFullTimeline(itemsArg) {
+    return b2`
+      <div class="stack" role="log" aria-label="Conversation transcript">
+        ${repeat4(
+      itemsArg,
+      (item) => item.key,
+      (item, index3) => this.renderTimelineItem(item, index3)
+    )}
+      </div>
+    `;
+  }
+  renderVirtualTimeline() {
+    const indexedItems = this.virtualRenderedIndexes().map((index3) => ({
+      index: index3,
+      item: this.timelineRenderItems[index3]
+    }));
+    return b2`
+      <div
+        class="virtualStack"
+        role="log"
+        aria-label="Conversation transcript"
+        style=${`height: ${this.virtualTotalHeight}px;`}
+      >
+        ${repeat4(
+      indexedItems,
+      (entry) => entry.item.key,
+      (entry) => b2`
+            <article
+              class="virtualItem"
+              data-virtual-key=${entry.item.key}
+              aria-posinset=${entry.index + 1}
+              aria-setsize=${this.timelineRenderItems.length}
+              style=${`--harness-virtual-offset: ${this.virtualOffsets[entry.index] ?? 0}px;`}
+            >
+              ${this.renderTimelineItem(entry.item, entry.index)}
+            </article>
+          `
+    )}
+      </div>
+    `;
+  }
+  virtualRenderedIndexes() {
+    const indexes = [];
+    for (let index3 = this.virtualStartIndex; index3 < this.virtualEndIndex; index3 += 1) {
+      indexes.push(index3);
+    }
+    for (const retainedKey of this.retainedVirtualKeys) {
+      const retainedIndex = this.timelineIndexByKey.get(retainedKey);
+      if (retainedIndex !== void 0 && !indexes.includes(retainedIndex)) indexes.push(retainedIndex);
+    }
+    return indexes.sort((left, right) => left - right);
+  }
+  renderTimelineItem(itemArg, logicalIndexArg) {
+    if (itemArg.kind === "tool-group") return this.renderToolGroup(itemArg);
+    if (itemArg.kind === "message") return this.renderMessage(itemArg, itemArg.key);
+    if (itemArg.kind === "permission") {
+      return b2`
+        <dees-harness-permission-card
+          data-timeline-key=${itemArg.key}
+          aria-posinset=${logicalIndexArg + 1}
+          aria-setsize=${this.timelineRenderItems.length}
+          .request=${itemArg.request}
+          .busy=${this.permissionsBusy}
+          .viewState=${this.permissionViewState(itemArg.request.id)}
+          .suppressEntry=${!this.entryAnimationsEnabled || !this.currentNewContentKeys.has(itemArg.key)}
+        ></dees-harness-permission-card>
+      `;
+    }
+    return b2`
+      <dees-harness-question-card
+        data-timeline-key=${itemArg.key}
+        aria-posinset=${logicalIndexArg + 1}
+        aria-setsize=${this.timelineRenderItems.length}
+        .request=${itemArg.question}
+        .busy=${this.permissionsBusy}
+        .viewState=${this.questionViewState(itemArg.question.id)}
+        .suppressEntry=${!this.entryAnimationsEnabled || !this.currentNewContentKeys.has(itemArg.key)}
+      ></dees-harness-question-card>
+    `;
+  }
+  renderMessage(itemArg, timelineKeyArg) {
     return b2`
       <dees-harness-message
+        data-timeline-key=${timelineKeyArg}
         data-message-id=${itemArg.message.id}
         data-tool-layout=${itemArg.toolLayout ?? "message"}
         .message=${itemArg.message}
@@ -179336,16 +179864,30 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
         .showTimestamp=${this.showTimestamps}
         .toolRegistry=${this.toolRegistry}
         .allowSubtaskStreams=${this.allowSubtaskStreams}
-        .suppressEntry=${!this.entryAnimationsEnabled}
+        .viewState=${this.messageViewState(itemArg.message.id)}
+        .suppressEntry=${!this.entryAnimationsEnabled || !this.currentNewContentKeys.has(itemArg.key)}
       ></dees-harness-message>
     `;
   }
+  messageViewState(messageIdArg) {
+    return this.effectiveViewState.messages[messageIdArg];
+  }
+  permissionViewState(requestIdArg) {
+    return this.effectiveViewState.permissions[requestIdArg];
+  }
+  questionViewState(requestIdArg) {
+    return this.effectiveViewState.questions[requestIdArg];
+  }
+  get effectiveViewState() {
+    return this.viewState ?? this.localViewState;
+  }
   renderToolGroup(groupArg) {
     const count2 = groupArg.messages.length;
     const countClass = count2 >= 4 ? "toolCount4" : `toolCount${count2}`;
     return b2`
       <section
         class="toolGroup"
+        data-timeline-key=${groupArg.key}
         data-tool-group-id=${groupArg.key}
         data-tool-layout=${groupArg.layout}
       >
@@ -179353,7 +179895,7 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
           ${repeat4(
       groupArg.messages,
       (item) => item.key,
-      (item) => this.renderMessage(item)
+      (item) => this.renderMessage(item, groupArg.key)
     )}
         </div>
       </section>
@@ -179403,9 +179945,15 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
         else harnessApplyMessageDelta(this.messages, delta);
         break;
       case "tool-update":
+        const previousLayout = message2.toolCall ? this.toolRegistry.resolveLayout(message2.toolCall) : null;
         message2.toolCall = { ...message2.toolCall ?? { id: delta.tool.id, name: "", status: "pending" }, ...delta.tool };
+        const nextLayout = this.toolRegistry.resolveLayout(message2.toolCall);
+        this.syncSubtaskViewState(message2);
         element4?.requestUpdate();
-        this.requestUpdate();
+        if (previousLayout !== nextLayout) {
+          this.rebuildTimeline();
+          this.requestUpdate();
+        }
         break;
       case "message-end":
         if (element4) element4.endStream(delta.usage, delta.error);
@@ -179451,6 +179999,7 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
     if (!container) return;
     if (force) {
       this.userUnpinned = false;
+      this.measurementAnchor = void 0;
     }
     if (force || this.isPinnedToBottom) {
       container.scrollTop = container.scrollHeight;
@@ -179459,6 +180008,45 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
     }
     this.syncScrollEdgeFades();
   }
+  schedulePendingVirtualizationActivation() {
+    if (!this.virtualizationEnablePending && !this.virtualizationDisablePending || this.virtualizationActivationFrame !== null) return;
+    this.virtualizationActivationFrame = requestAnimationFrame(() => {
+      this.virtualizationActivationFrame = null;
+      if (!this.isConnected || this.activeTimelineKey()) return;
+      const container = this.scrollContainer;
+      const anchor = container ? this.captureCurrentAnchor(container) : void 0;
+      if (this.virtualizationEnablePending) {
+        this.captureFullTimelineMeasurements();
+        this.virtualizationEnabled = true;
+        this.virtualizationEnablePending = false;
+        this.recomputeVirtualOffsets();
+        if (anchor) {
+          this.pendingVirtualAnchor = anchor;
+          this.setVirtualRangeAround(anchor.key);
+        } else {
+          this.setInitialVirtualRange();
+        }
+      } else if (this.virtualizationDisablePending) {
+        this.virtualizationEnabled = false;
+        this.virtualizationDisablePending = false;
+        this.retainedVirtualKeys.clear();
+        if (anchor) this.pendingFullAnchor = anchor;
+        this.setInitialVirtualRange();
+      }
+      this.disconnectSelectionChangeListener();
+      this.requestUpdate();
+    });
+  }
+  connectSelectionChangeListener() {
+    if (this.selectionChangeListening) return;
+    document.addEventListener("selectionchange", this.handleSelectionChange);
+    this.selectionChangeListening = true;
+  }
+  disconnectSelectionChangeListener() {
+    if (!this.selectionChangeListening) return;
+    document.removeEventListener("selectionchange", this.handleSelectionChange);
+    this.selectionChangeListening = false;
+  }
   updated(changedProperties) {
     super.updated(changedProperties);
     if (changedProperties.has("messages") || changedProperties.has("status") || changedProperties.has("permissions") || changedProperties.has("questions")) {
@@ -179471,6 +180059,23 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
       } else this.disconnectContentResizeObserver();
     }
     if (changedProperties.has("fadeScrollEdges") || changedProperties.has("messages") || changedProperties.has("permissions") || changedProperties.has("questions")) this.syncScrollEdgeFades();
+    if (this.virtualizationActive) {
+      this.connectVirtualObservers();
+      if (this.pendingVirtualAnchor) {
+        this.restoreVirtualAnchor(this.scrollContainer, this.pendingVirtualAnchor);
+        this.pendingVirtualAnchor = void 0;
+      } else if (this.pendingVirtualRepin) {
+        this.repinToBottom();
+        this.pendingVirtualRepin = false;
+      }
+      this.scheduleVirtualRangeUpdate();
+    } else {
+      this.disconnectVirtualObservers();
+      if (this.pendingFullAnchor) {
+        this.restoreFullAnchor(this.scrollContainer, this.pendingFullAnchor);
+        this.pendingFullAnchor = void 0;
+      }
+    }
   }
   firstUpdated(changedProperties) {
     super.firstUpdated(changedProperties);
@@ -179478,6 +180083,7 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
     this.connectContentResizeObserver();
     this.repinToBottom();
     this.syncScrollEdgeFades();
+    if (this.virtualizationActive) this.connectVirtualObservers();
     this.entryFrame = requestAnimationFrame(() => {
       this.entryFrame = null;
       if (!this.isConnected) return;
@@ -179490,7 +180096,14 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
   }
   async connectedCallback() {
     const connected = super.connectedCallback();
-    if (this.hasUpdated) this.connectContentResizeObserver();
+    if (this.virtualizationEnablePending || this.virtualizationDisablePending) {
+      this.connectSelectionChangeListener();
+    }
+    if (this.hasUpdated) {
+      this.connectContentResizeObserver();
+      if (this.virtualizationActive) this.connectVirtualObservers();
+      this.schedulePendingVirtualizationActivation();
+    }
     await connected;
   }
   connectContentResizeObserver() {
@@ -179508,6 +180121,280 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
     this.contentResizeObserver.observe(content3);
     this.observedScrollContent = content3;
   }
+  connectVirtualObservers() {
+    const container = this.scrollContainer;
+    if (!container) return;
+    this.virtualViewportResizeObserver ??= new ResizeObserver((entries) => {
+      const width = entries[0]?.contentRect.width ?? 0;
+      if (width > 0 && Math.abs(width - this.lastVirtualViewportWidth) > 0.5) {
+        const preserveAnchor = this.userUnpinned || !this.autoFollow;
+        const anchor = preserveAnchor ? this.captureVirtualMetricAnchor(container) : void 0;
+        this.lastVirtualViewportWidth = width;
+        this.measuredVirtualHeights.clear();
+        this.recomputeVirtualOffsets();
+        if (anchor) this.pendingVirtualAnchor = anchor;
+        else this.pendingVirtualRepin = true;
+        this.requestUpdate();
+        this.scheduleVirtualRangeUpdate(true);
+      }
+    });
+    this.virtualViewportResizeObserver.disconnect();
+    this.virtualViewportResizeObserver.observe(container);
+    this.lastVirtualViewportWidth ||= container.getBoundingClientRect().width;
+    this.virtualRowResizeObserver ??= new ResizeObserver(() => this.scheduleVirtualMeasurements());
+    this.virtualRowResizeObserver.disconnect();
+    for (const row of this.shadowRoot?.querySelectorAll(".virtualItem") ?? []) {
+      this.virtualRowResizeObserver.observe(row);
+    }
+  }
+  scheduleVirtualMeasurements() {
+    if (this.virtualMeasureFrame !== null) return;
+    this.virtualMeasureFrame = requestAnimationFrame(() => {
+      this.virtualMeasureFrame = null;
+      this.measureVirtualRows();
+    });
+  }
+  measureVirtualRows() {
+    const container = this.scrollContainer;
+    if (!container || !this.virtualizationActive) return;
+    const preserveAnchor = this.userUnpinned || !this.autoFollow;
+    const anchor = preserveAnchor ? this.measurementAnchor ?? this.captureVirtualMetricAnchor(container) : void 0;
+    let changed = false;
+    for (const row of this.shadowRoot?.querySelectorAll(".virtualItem") ?? []) {
+      const key2 = row.dataset.virtualKey;
+      if (!key2) continue;
+      const height = row.getBoundingClientRect().height;
+      if (height <= 0 || Math.abs((this.measuredVirtualHeights.get(key2) ?? 0) - height) <= 0.5) continue;
+      this.measuredVirtualHeights.set(key2, height);
+      changed = true;
+    }
+    if (!changed) {
+      this.measurementAnchor = void 0;
+      return;
+    }
+    this.recomputeVirtualOffsets();
+    if (anchor) this.pendingVirtualAnchor = anchor;
+    else this.pendingVirtualRepin = true;
+    this.requestUpdate();
+    if (this.measurementAnchor) this.scheduleVirtualMeasurements();
+  }
+  captureVirtualAnchor(containerArg) {
+    const containerTop = containerArg.getBoundingClientRect().top;
+    const row = Array.from(this.shadowRoot?.querySelectorAll(".virtualItem") ?? []).find((candidate) => candidate.getBoundingClientRect().bottom > containerTop);
+    const key2 = row?.dataset.virtualKey;
+    if (row && key2) return { key: key2, offset: containerTop - row.getBoundingClientRect().top };
+    const localTop = this.virtualLocalScrollTop(containerArg);
+    return this.captureVirtualOffsetAnchorAt(localTop);
+  }
+  captureVirtualMetricAnchor(containerArg) {
+    const localTop = this.virtualLocalScrollTop(containerArg);
+    for (const row of this.shadowRoot?.querySelectorAll(".virtualItem") ?? []) {
+      const key2 = row.dataset.virtualKey;
+      const index3 = key2 ? this.timelineIndexByKey.get(key2) : void 0;
+      if (index3 === void 0) continue;
+      const item = this.timelineRenderItems[index3];
+      const offset = this.virtualOffsets[index3] ?? 0;
+      const height = this.measuredVirtualHeights.get(item.key) ?? this.estimatedVirtualHeight(item);
+      if (offset + height > localTop) return { key: item.key, offset: localTop - offset };
+    }
+    return this.captureVirtualOffsetAnchorAt(localTop);
+  }
+  captureVirtualOffsetAnchorAt(localTopArg) {
+    let index3 = this.virtualIndexAtOffset(localTopArg);
+    const item = this.timelineRenderItems[index3];
+    const itemHeight = item ? this.measuredVirtualHeights.get(item.key) ?? this.estimatedVirtualHeight(item) : 0;
+    if (item && localTopArg > (this.virtualOffsets[index3] ?? 0) + itemHeight && index3 + 1 < this.timelineRenderItems.length) index3 += 1;
+    const anchorItem = this.timelineRenderItems[index3];
+    return anchorItem ? { key: anchorItem.key, offset: localTopArg - (this.virtualOffsets[index3] ?? 0) } : void 0;
+  }
+  restoreVirtualAnchor(containerArg, anchorArg) {
+    const index3 = this.timelineIndexByKey.get(anchorArg.key);
+    if (index3 === void 0) return;
+    const stack = this.shadowRoot?.querySelector(".virtualStack");
+    containerArg.scrollTop = (stack?.offsetTop ?? 0) + (this.virtualOffsets[index3] ?? 0) + anchorArg.offset;
+  }
+  restoreFullAnchor(containerArg, anchorArg) {
+    const element4 = this.shadowRoot?.querySelector(
+      `.stack > [data-timeline-key="${CSS.escape(anchorArg.key)}"]`
+    );
+    if (!element4) return;
+    containerArg.scrollTop += element4.getBoundingClientRect().top - containerArg.getBoundingClientRect().top + anchorArg.offset;
+  }
+  virtualLocalScrollTop(containerArg) {
+    const stack = this.shadowRoot?.querySelector(".virtualStack");
+    return Math.max(0, containerArg.scrollTop - (stack?.offsetTop ?? 0));
+  }
+  virtualIndexAtOffset(offsetArg, offsetsArg = this.virtualOffsets) {
+    if (offsetsArg.length === 0) return 0;
+    let low = 0;
+    let high = offsetsArg.length - 1;
+    while (low < high) {
+      const middle = Math.floor((low + high + 1) / 2);
+      if ((offsetsArg[middle] ?? 0) <= offsetArg) low = middle;
+      else high = middle - 1;
+    }
+    return low;
+  }
+  scheduleVirtualRangeUpdate(force = false) {
+    if (!this.virtualizationActive) return;
+    if (force && this.virtualRangeFrame !== null) {
+      cancelAnimationFrame(this.virtualRangeFrame);
+      this.virtualRangeFrame = null;
+    }
+    if (this.virtualRangeFrame !== null) return;
+    this.virtualRangeFrame = requestAnimationFrame(() => {
+      this.virtualRangeFrame = null;
+      this.updateVirtualRange();
+    });
+  }
+  updateVirtualRange() {
+    const container = this.scrollContainer;
+    if (!container || !this.virtualizationActive) return;
+    const localTop = this.virtualLocalScrollTop(container);
+    const startTarget = Math.max(0, localTop - virtualOverscanPx);
+    const endTarget = localTop + container.clientHeight + virtualOverscanPx;
+    const start = Math.max(0, this.virtualIndexAtOffset(startTarget) - 1);
+    const end = Math.min(this.timelineRenderItems.length, this.virtualIndexAtOffset(endTarget) + 2);
+    const retainedKeys = new Set(this.activeVirtualKeys());
+    if (start === this.virtualStartIndex && end === this.virtualEndIndex && retainedKeys.size === this.retainedVirtualKeys.size && [...retainedKeys].every((key2) => this.retainedVirtualKeys.has(key2))) return;
+    this.virtualStartIndex = start;
+    this.virtualEndIndex = end;
+    this.retainedVirtualKeys = retainedKeys;
+    if (this.activeSelectionKeys().length > 0) this.connectSelectionChangeListener();
+    else if (!this.virtualizationEnablePending && !this.virtualizationDisablePending) {
+      this.disconnectSelectionChangeListener();
+    }
+    this.requestUpdate();
+  }
+  activeVirtualKeys() {
+    const focusKey = this.activeFocusKey();
+    return [
+      ...this.explicitRetainedVirtualKey ? [this.explicitRetainedVirtualKey] : [],
+      ...focusKey ? [focusKey] : [],
+      ...this.activeSelectionKeys()
+    ].filter((key2, index3, keys3) => keys3.indexOf(key2) === index3);
+  }
+  activeTimelineKey() {
+    if (this.explicitRetainedVirtualKey) return this.explicitRetainedVirtualKey;
+    return this.activeFocusKey() ?? this.activeSelectionKeys()[0];
+  }
+  activeFocusKey() {
+    const activeElement = this.shadowRoot?.activeElement;
+    if (activeElement instanceof Element) {
+      const focusedKey = this.ownedTimelineElement(activeElement)?.dataset.timelineKey ?? this.ownedVirtualRow(activeElement)?.dataset.virtualKey;
+      if (focusedKey) return focusedKey;
+    }
+    return void 0;
+  }
+  activeSelectionKeys() {
+    if (this.selectionGestureActive) return [...this.selectionGestureKeys];
+    const selection = document.getSelection();
+    if (!selection || selection.rangeCount === 0) return [];
+    if (selection.isCollapsed) {
+      return this.hasCrossShadowSelectionFallback ? [...this.selectionGestureKeys] : [];
+    }
+    const range2 = selection.getRangeAt(0);
+    const nodes = [
+      selection.anchorNode,
+      selection.focusNode,
+      range2.startContainer,
+      range2.endContainer
+    ];
+    if ("getComposedRanges" in selection && typeof selection.getComposedRanges === "function") {
+      const composedRanges = selection.getComposedRanges({
+        shadowRoots: this.mountedShadowRoots()
+      });
+      const composedRange = composedRanges[0];
+      if (composedRange) nodes.push(composedRange.startContainer, composedRange.endContainer);
+    }
+    return [
+      ...nodes.filter((node2) => node2 !== null).map((node2) => this.timelineKeyForNode(node2)).filter((key2) => key2 !== void 0),
+      ...this.selectionGestureKeys
+    ].filter((key2, index3, keys3) => keys3.indexOf(key2) === index3);
+  }
+  mountedShadowRoots() {
+    const roots = [];
+    const collect = /* @__PURE__ */ __name((rootArg) => {
+      for (const element4 of rootArg.querySelectorAll("*")) {
+        if (!element4.shadowRoot) continue;
+        roots.push(element4.shadowRoot);
+        collect(element4.shadowRoot);
+      }
+    }, "collect");
+    if (this.shadowRoot) collect(this.shadowRoot);
+    return roots;
+  }
+  timelineKeyForNode(nodeArg) {
+    let node2 = nodeArg;
+    while (node2) {
+      if (node2 instanceof HTMLElement && node2.classList.contains("virtualItem")) {
+        const ownedRow = this.ownedVirtualRow(node2);
+        if (ownedRow) return ownedRow.dataset.virtualKey;
+      }
+      if (node2 instanceof HTMLElement) {
+        const timelineElement = this.ownedTimelineElement(node2);
+        if (timelineElement) return timelineElement.dataset.timelineKey;
+      }
+      const root6 = node2.getRootNode();
+      node2 = node2.parentNode ?? (root6 instanceof ShadowRoot ? root6.host : null);
+    }
+    return void 0;
+  }
+  timelineKeyForEvent(eventArg) {
+    for (const candidate of eventArg.composedPath()) {
+      if (!(candidate instanceof Element)) continue;
+      const rowKey = this.ownedVirtualRow(candidate)?.dataset.virtualKey;
+      if (rowKey) return rowKey;
+      const timelineKey = this.ownedTimelineElement(candidate)?.dataset.timelineKey;
+      if (timelineKey) return timelineKey;
+    }
+    return void 0;
+  }
+  selectionOwnerForEvent(eventArg) {
+    for (const candidate of eventArg.composedPath()) {
+      if (!(candidate instanceof HTMLElement)) continue;
+      if ((candidate.tagName === "DEES-HARNESS-MESSAGE" || candidate.tagName === "DEES-HARNESS-PERMISSION-CARD" || candidate.tagName === "DEES-HARNESS-QUESTION-CARD") && this.timelineKeyForNode(candidate)) return candidate;
+    }
+    return eventArg.composedPath().filter((candidate) => candidate instanceof Element).map((candidate) => this.ownedTimelineElement(candidate) ?? this.ownedVirtualRow(candidate)).find((candidate) => candidate !== void 0);
+  }
+  get hasCrossShadowSelectionFallback() {
+    return this.selectionGestureKeys.size > 1 || this.selectionGestureCrossesOwners;
+  }
+  captureSelectionSnapshot(selectionArg) {
+    if (!selectionArg) return void 0;
+    return {
+      anchorNode: selectionArg.anchorNode,
+      anchorOffset: selectionArg.anchorOffset,
+      focusNode: selectionArg.focusNode,
+      focusOffset: selectionArg.focusOffset,
+      rangeCount: selectionArg.rangeCount
+    };
+  }
+  selectionMatchesGestureSnapshot(selectionArg) {
+    const snapshot = this.selectionGestureSnapshot;
+    return Boolean(
+      snapshot && snapshot.anchorNode === selectionArg.anchorNode && snapshot.anchorOffset === selectionArg.anchorOffset && snapshot.focusNode === selectionArg.focusNode && snapshot.focusOffset === selectionArg.focusOffset && snapshot.rangeCount === selectionArg.rangeCount
+    );
+  }
+  clearSelectionGesture() {
+    this.selectionGestureKeys.clear();
+    this.selectionGestureActive = false;
+    this.selectionGestureStartOwner = void 0;
+    this.selectionGestureCrossesOwners = false;
+    this.selectionGestureSnapshot = void 0;
+  }
+  ownedVirtualRow(elementArg) {
+    const row = elementArg.closest(".virtualItem");
+    return row?.getRootNode() === this.shadowRoot ? row : void 0;
+  }
+  ownedTimelineElement(elementArg) {
+    const timelineElement = elementArg.closest("[data-timeline-key]");
+    return timelineElement?.getRootNode() === this.shadowRoot ? timelineElement : void 0;
+  }
+  disconnectVirtualObservers() {
+    this.virtualRowResizeObserver?.disconnect();
+    this.virtualViewportResizeObserver?.disconnect();
+  }
   repinAfterContentGrowth() {
     const content3 = this.observedScrollContent;
     if (!content3) return;
@@ -179537,16 +180424,33 @@ var _DeesHarnessMessageList = class _DeesHarnessMessageList extends (_a86 = Dees
     this.observedContentBlockSize = null;
   }
   async disconnectedCallback() {
+    this.disconnectSelectionChangeListener();
     if (this.followFrame !== null) cancelAnimationFrame(this.followFrame);
     if (this.followSecondFrame !== null) cancelAnimationFrame(this.followSecondFrame);
     if (this.entryFrame !== null) cancelAnimationFrame(this.entryFrame);
     if (this.entrySecondFrame !== null) cancelAnimationFrame(this.entrySecondFrame);
+    if (this.virtualMeasureFrame !== null) cancelAnimationFrame(this.virtualMeasureFrame);
+    if (this.virtualRangeFrame !== null) cancelAnimationFrame(this.virtualRangeFrame);
+    if (this.virtualizationActivationFrame !== null) cancelAnimationFrame(this.virtualizationActivationFrame);
     this.followFrame = null;
     this.followSecondFrame = null;
     this.entryFrame = null;
     this.entrySecondFrame = null;
+    this.virtualMeasureFrame = null;
+    this.virtualRangeFrame = null;
+    this.virtualizationActivationFrame = null;
+    this.pendingVirtualAnchor = void 0;
+    this.pendingFullAnchor = void 0;
+    this.measurementAnchor = void 0;
+    this.pendingVirtualRepin = false;
+    this.explicitRetainedVirtualKey = void 0;
+    this.retainedVirtualKeys.clear();
+    this.clearSelectionGesture();
     this.entryAnimationsEnabled = true;
     this.disconnectContentResizeObserver();
+    this.disconnectVirtualObservers();
+    this.virtualRowResizeObserver = null;
+    this.virtualViewportResizeObserver = null;
     await super.disconnectedCallback();
   }
 };
@@ -179560,6 +180464,7 @@ _autoFollow = new WeakMap();
 _hideScrollbar = new WeakMap();
 _fadeScrollEdges = new WeakMap();
 _toolRegistry4 = new WeakMap();
+_viewState6 = new WeakMap();
 _allowSubtaskStreams3 = new WeakMap();
 _showRoles = new WeakMap();
 _showTimestamps = new WeakMap();
@@ -179578,6 +180483,7 @@ __decorateElement(_init87, 4, "autoFollow", _autoFollow_dec, _DeesHarnessMessage
 __decorateElement(_init87, 4, "hideScrollbar", _hideScrollbar_dec, _DeesHarnessMessageList, _hideScrollbar);
 __decorateElement(_init87, 4, "fadeScrollEdges", _fadeScrollEdges_dec, _DeesHarnessMessageList, _fadeScrollEdges);
 __decorateElement(_init87, 4, "toolRegistry", _toolRegistry_dec4, _DeesHarnessMessageList, _toolRegistry4);
+__decorateElement(_init87, 4, "viewState", _viewState_dec6, _DeesHarnessMessageList, _viewState6);
 __decorateElement(_init87, 4, "allowSubtaskStreams", _allowSubtaskStreams_dec3, _DeesHarnessMessageList, _allowSubtaskStreams3);
 __decorateElement(_init87, 4, "showRoles", _showRoles_dec, _DeesHarnessMessageList, _showRoles);
 __decorateElement(_init87, 4, "showTimestamps", _showTimestamps_dec, _DeesHarnessMessageList, _showTimestamps);
@@ -179607,6 +180513,7 @@ __publicField(_DeesHarnessMessageList, "styles", [
       .scroll {
         height: 100%;
         overflow-y: auto;
+        overflow-anchor: none;
         overscroll-behavior: contain;
         scrollbar-width: thin;
         scrollbar-color: var(--dees-color-scrollbar-thumb) transparent;
@@ -179675,6 +180582,19 @@ __publicField(_DeesHarnessMessageList, "styles", [
         grid-column: 1 / -1;
       }
 
+      .virtualStack {
+        position: relative;
+        flex: 0 0 auto;
+        min-width: 0;
+      }
+
+      .virtualItem {
+        position: absolute;
+        inset: 0 0 auto;
+        min-width: 0;
+        transform: translate3d(0, var(--harness-virtual-offset), 0);
+      }
+
       .toolGroup {
         min-width: 0;
       }
@@ -180634,8 +181554,14 @@ var _DeesHarnessSessionSidebar = class _DeesHarnessSessionSidebar extends (_a88
           <span class="sectionHeadingText">${labelArg}</span>
           ${summaryArg ? b2`<span class="sectionSummary">${summaryArg}</span>` : ""}
         </button>
-        <div id=${contentId} class="sectionContent" ?hidden=${!expanded}>
-          ${contentArg}
+        <div
+          id=${contentId}
+          class="sectionContent"
+          role="region"
+          aria-hidden=${String(!expanded)}
+          ?hidden=${!expanded}
+        >
+          ${expanded ? contentArg : ""}
         </div>
       </section>
     `;
@@ -206527,7 +207453,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var 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."
 };