@design.estate/dees-catalog 6.7.0 → 6.8.0

package/dist_bundle/bundle.js

@@ -510,7 +510,7 @@ var init_reactive_element = __esm({
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js
 function V(t8, i11) {
   if (!u2(t8) || !t8.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return void 0 !== e3 ? e3.createHTML(i11) : i11;
@@ -523,7 +523,7 @@ function M(t8, i11, s9 = t8, e10) {
 }
 var t2, i3, s2, e3, h2, o3, n3, r3, l2, c3, a2, u2, d2, f2, v, _, m, p2, g, $, y2, x, b2, w, T, E, A, C, P, N, S2, R, k, H, I, L, z, Z, j, B, D;
 var init_lit_html = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/lit-html.js"() {
     t2 = globalThis, i3 = /* @__PURE__ */ __name((t8) => t8, "i"), s2 = t2.trustedTypes, e3 = s2 ? s2.createPolicy("lit-html", { createHTML: /* @__PURE__ */ __name((t8) => t8, "createHTML") }) : void 0, h2 = "$lit$", o3 = `lit$${Math.random().toFixed(9).slice(2)}$`, n3 = "?" + o3, r3 = `<${n3}>`, l2 = document, c3 = /* @__PURE__ */ __name(() => l2.createComment(""), "c"), a2 = /* @__PURE__ */ __name((t8) => null === t8 || "object" != typeof t8 && "function" != typeof t8, "a"), u2 = Array.isArray, d2 = /* @__PURE__ */ __name((t8) => u2(t8) || "function" == typeof t8?.[Symbol.iterator], "d"), f2 = "[ 	\n\f\r]", v = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, _ = /-->/g, m = />/g, p2 = RegExp(`>|${f2}(?:([^\\s"'>=/]+)(${f2}*=${f2}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), g = /'/g, $ = /"/g, y2 = /^(?:script|style|textarea|title)$/i, x = /* @__PURE__ */ __name((t8) => (i11, ...s9) => ({ _$litType$: t8, strings: i11, values: s9 }), "x"), b2 = x(1), w = x(2), T = x(3), E = /* @__PURE__ */ Symbol.for("lit-noChange"), A = /* @__PURE__ */ Symbol.for("lit-nothing"), C = /* @__PURE__ */ new WeakMap(), P = l2.createTreeWalker(l2, 129);
     __name(V, "V");
@@ -754,7 +754,7 @@ var init_lit_html = __esm({
       }
     };
     j = { M: h2, P: o3, A: n3, C: 1, L: N, R, D: d2, V: M, I: k, H, N: L, U: z, B: I, F: Z }, B = t2.litHtmlPolyfillSupport;
-    B?.(S2, k), (t2.litHtmlVersions ??= []).push("3.3.2");
+    B?.(S2, k), (t2.litHtmlVersions ??= []).push("3.3.3");
     D = /* @__PURE__ */ __name((t8, i11, s9) => {
       const e10 = s9?.renderBefore ?? i11;
       let h7 = e10._$litPart$;
@@ -811,17 +811,17 @@ var init_lit_element = __esm({
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/is-server.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/is-server.js
 var o5;
 var init_is_server = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/is-server.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/is-server.js"() {
     o5 = false;
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/index.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js
 var init_lit = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/index.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/index.js"() {
     init_reactive_element();
     init_lit_html();
     init_lit_element();
@@ -6674,9 +6674,9 @@ var init_property = __esm({
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/decorators/property.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators/property.js
 var init_property2 = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/decorators/property.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators/property.js"() {
     init_property();
   }
 });
@@ -59707,10 +59707,10 @@ var init_classes_cssmanager = __esm({
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/static.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/static.js
 var a3, o7, s5, i5, l3, n6, u3, c4, $2;
 var init_static = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/static.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/static.js"() {
     init_lit_html();
     a3 = /* @__PURE__ */ Symbol.for(""), o7 = /* @__PURE__ */ __name((t8) => {
       if (t8?.r === a3) return t8?._$litStatic$;
@@ -59736,17 +59736,17 @@ var init_static = __esm({
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/static-html.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/static-html.js
 var init_static_html = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/static-html.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/static-html.js"() {
     init_static();
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directive.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directive.js
 var t3, e4, i6;
 var init_directive = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directive.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directive.js"() {
     t3 = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, e4 = /* @__PURE__ */ __name((t8) => (...e10) => ({ _$litDirective$: t8, values: e10 }), "e");
     i6 = class {
       static {
@@ -59770,10 +59770,10 @@ var init_directive = __esm({
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/unsafe-html.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.js
 var e5, o8;
 var init_unsafe_html = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/unsafe-html.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/unsafe-html.js"() {
     init_lit_html();
     init_directive();
     e5 = class extends i6 {
@@ -59798,9 +59798,9 @@ var init_unsafe_html = __esm({
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/directives/unsafe-html.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/unsafe-html.js
 var init_unsafe_html2 = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/directives/unsafe-html.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/unsafe-html.js"() {
     init_unsafe_html();
   }
 });
@@ -59817,9 +59817,9 @@ var init_custom_element = __esm({
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/decorators/custom-element.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators/custom-element.js
 var init_custom_element2 = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/decorators/custom-element.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators/custom-element.js"() {
     init_custom_element();
   }
 });
@@ -59969,9 +59969,9 @@ var init_query_assigned_nodes = __esm({
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/decorators.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js
 var init_decorators = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/decorators.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/decorators.js"() {
     init_custom_element();
     init_property();
     init_state2();
@@ -60177,10 +60177,10 @@ var init_decorators_containerresponsive = __esm({
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directive-helpers.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directive-helpers.js
 var t6, i7, n8, e9, l4, d3, c5, f4, r8, s6, v3, u4, m3, p5, M2, h3, j2;
 var init_directive_helpers = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directive-helpers.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directive-helpers.js"() {
     init_lit_html();
     ({ I: t6 } = j), i7 = /* @__PURE__ */ __name((o12) => o12, "i"), n8 = /* @__PURE__ */ __name((o12) => null === o12 || "object" != typeof o12 && "function" != typeof o12, "n"), e9 = { HTML: 1, SVG: 2, MATHML: 3 }, l4 = /* @__PURE__ */ __name((o12, t8) => void 0 === t8 ? void 0 !== o12?._$litType$ : o12?._$litType$ === t8, "l"), d3 = /* @__PURE__ */ __name((o12) => null != o12?._$litType$?.h, "d"), c5 = /* @__PURE__ */ __name((o12) => void 0 !== o12?._$litDirective$, "c"), f4 = /* @__PURE__ */ __name((o12) => o12?._$litDirective$, "f"), r8 = /* @__PURE__ */ __name((o12) => void 0 === o12.strings, "r"), s6 = /* @__PURE__ */ __name(() => document.createComment(""), "s"), v3 = /* @__PURE__ */ __name((o12, n11, e10) => {
       const l6 = o12._$AA.parentNode, d5 = void 0 === n11 ? o12._$AB : n11._$AA;
@@ -60210,7 +60210,7 @@ var init_directive_helpers = __esm({
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/async-directive.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/async-directive.js
 function h4(i11) {
   void 0 !== this._$AN ? (o10(this), this._$AM = i11, r9(this)) : this._$AM = i11;
 }
@@ -60222,7 +60222,7 @@ function n9(i11, t8 = false, e10 = 0) {
 }
 var s7, o10, r9, c6, f5;
 var init_async_directive = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/async-directive.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/async-directive.js"() {
     init_directive_helpers();
     init_directive();
     init_directive();
@@ -60278,9 +60278,9 @@ var init_async_directive = __esm({
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/async-directive.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/async-directive.js
 var init_async_directive2 = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/async-directive.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/async-directive.js"() {
     init_async_directive();
   }
 });
@@ -60418,10 +60418,10 @@ var init_classes_subscribewithtemplate = __esm({
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/private-async-helpers.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/private-async-helpers.js
 var t7, s8, i8;
 var init_private_async_helpers = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/private-async-helpers.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/private-async-helpers.js"() {
     t7 = /* @__PURE__ */ __name(async (t8, s9) => {
       for await (const i11 of t8) if (false === await s9(i11)) return;
     }, "t");
@@ -60462,10 +60462,10 @@ var init_private_async_helpers = __esm({
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/until.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/until.js
 var n10, h5, c7, m4;
 var init_until = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/until.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/until.js"() {
     init_lit_html();
     init_directive_helpers();
     init_async_directive();
@@ -60513,17 +60513,17 @@ var init_until = __esm({
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/directives/until.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/until.js
 var init_until2 = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/directives/until.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/until.js"() {
     init_until();
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/async-replace.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/async-replace.js
 var o11, h6;
 var init_async_replace = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/async-replace.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/async-replace.js"() {
     init_lit_html();
     init_async_directive();
     init_private_async_helpers();
@@ -60567,10 +60567,10 @@ var init_async_replace = __esm({
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/async-append.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/async-append.js
 var c8;
 var init_async_append = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/async-append.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/async-append.js"() {
     init_directive();
     init_async_replace();
     init_directive_helpers();
@@ -60590,17 +60590,17 @@ var init_async_append = __esm({
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/directives/async-append.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/async-append.js
 var init_async_append2 = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/directives/async-append.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/async-append.js"() {
     init_async_append();
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/keyed.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/keyed.js
 var i9;
 var init_keyed = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/keyed.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/keyed.js"() {
     init_lit_html();
     init_directive();
     init_directive_helpers();
@@ -60618,17 +60618,17 @@ var init_keyed = __esm({
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/directives/keyed.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/keyed.js
 var init_keyed2 = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/directives/keyed.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/keyed.js"() {
     init_keyed();
   }
 });
 
-// node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/repeat.js
+// node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/repeat.js
 var u5, c9;
 var init_repeat2 = __esm({
-  "node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/repeat.js"() {
+  "node_modules/.pnpm/lit-html@3.3.3/node_modules/lit-html/directives/repeat.js"() {
     init_lit_html();
     init_directive();
     init_directive_helpers();
@@ -60685,9 +60685,9 @@ var init_repeat2 = __esm({
   }
 });
 
-// node_modules/.pnpm/lit@3.3.2/node_modules/lit/directives/repeat.js
+// node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/repeat.js
 var init_repeat3 = __esm({
-  "node_modules/.pnpm/lit@3.3.2/node_modules/lit/directives/repeat.js"() {
+  "node_modules/.pnpm/lit@3.3.3/node_modules/lit/directives/repeat.js"() {
     init_repeat2();
   }
 });
@@ -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) {
@@ -173765,17 +173771,19 @@ var harnessCardStyles = i`
   .harness-card.outcomeScan::before {
     content: '';
     position: absolute;
-    inset: 0;
+    inset: 0 auto 0 0;
+    width: 250%;
     pointer-events: none;
-    background:
-      linear-gradient(
-        105deg,
-        transparent 40%,
-        color-mix(in srgb, var(--dees-color-accent-primary) 6%, transparent) 45%,
-        color-mix(in srgb, var(--dees-color-accent-primary) 20%, transparent) 50%,
-        color-mix(in srgb, var(--dees-color-accent-primary) 6%, transparent) 55%,
-        transparent 60%
-      ) 100% 0 / 250% 100% no-repeat;
+    background: linear-gradient(
+      105deg,
+      transparent 40%,
+      color-mix(in srgb, var(--dees-color-accent-primary) 6%, transparent) 45%,
+      color-mix(in srgb, var(--dees-color-accent-primary) 20%, transparent) 50%,
+      color-mix(in srgb, var(--dees-color-accent-primary) 6%, transparent) 55%,
+      transparent 60%
+    );
+    transform: translate3d(-60%, 0, 0);
+    will-change: transform;
     animation: harness-card-running-scan 2s linear infinite;
     opacity: 1;
     transition: opacity 0.18s var(--dees-ease-out);
@@ -173794,8 +173802,8 @@ var harnessCardStyles = i`
   }
 
   @keyframes harness-card-running-scan {
-    from { background-position: 100% 0; }
-    to { background-position: 0 0; }
+    from { transform: translate3d(-60%, 0, 0); }
+    to { transform: translate3d(0, 0, 0); }
   }
 
   @media (prefers-reduced-motion: reduce) {
@@ -173813,6 +173821,7 @@ var harnessCardStyles = i`
       animation: none;
       opacity: 0;
       transition: none;
+      will-change: auto;
     }
   }
 `;
@@ -175475,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() {
@@ -175516,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" : ""}">
@@ -175538,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");
@@ -176690,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(() => {
@@ -176721,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;
@@ -176738,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;
@@ -176765,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(() => {
@@ -176781,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(() => {
@@ -176791,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;
@@ -176813,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");
@@ -176908,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,
@@ -176928,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;
     }
@@ -176949,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;
@@ -176981,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(
@@ -177015,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;
@@ -177024,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;
@@ -177070,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}
@@ -177155,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
@@ -177183,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();
@@ -177195,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);
@@ -177308,18 +177420,18 @@ __publicField(_DeesHarnessToolCard, "styles", [
 
       @keyframes harness-card-open-chat-scan {
         0% {
-          background-position: 100% 0;
+          transform: translate3d(-60%, 0, 0);
           opacity: 0;
         }
         1% {
           opacity: 0.35;
         }
         20% {
-          background-position: 0 0;
+          transform: translate3d(0, 0, 0);
           opacity: 0.35;
         }
         24%, 100% {
-          background-position: 0 0;
+          transform: translate3d(0, 0, 0);
           opacity: 0;
         }
       }
@@ -177708,7 +177820,8 @@ __publicField(_DeesHarnessToolCard, "styles", [
       .harness-card.outcomeScan::after {
         content: '';
         position: absolute;
-        inset: 0;
+        inset: 0 auto 0 0;
+        width: 250%;
         pointer-events: none;
         background: linear-gradient(
           105deg,
@@ -177717,7 +177830,9 @@ __publicField(_DeesHarnessToolCard, "styles", [
           color-mix(in srgb, var(--harness-outcome-scan-color) 14%, transparent) 50%,
           color-mix(in srgb, var(--harness-outcome-scan-color) 3%, transparent) 55%,
           transparent 60%
-        ) 100% 0 / 250% 100% no-repeat;
+        );
+        transform: translate3d(-60%, 0, 0);
+        will-change: transform;
         animation: harness-tool-outcome-scan 0.48s linear 0.08s both;
       }
 
@@ -177731,8 +177846,8 @@ __publicField(_DeesHarnessToolCard, "styles", [
       }
 
       @keyframes harness-tool-outcome-scan {
-        from { background-position: 100% 0; }
-        to { background-position: 0 0; }
+        from { transform: translate3d(-60%, 0, 0); }
+        to { transform: translate3d(0, 0, 0); }
       }
 
       @media (prefers-reduced-motion: reduce) {
@@ -177747,6 +177862,7 @@ __publicField(_DeesHarnessToolCard, "styles", [
         .harness-card.outcomeScan::after {
           animation: none;
           opacity: 0;
+          will-change: auto;
         }
       }
     `
@@ -177759,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);
@@ -177772,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);
@@ -177834,12 +177951,14 @@ var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = DeesElement,
           .call=${message2.toolCall}
           .toolRegistry=${this.toolRegistry}
           .allowSubtaskStreams=${this.allowSubtaskStreams}
+          .viewState=${this.viewState}
         ></dees-harness-tool-card>
       `;
     }
     const roleClass = `role-${message2.role}`;
     return b2`
       <div class="message ${roleClass} ${message2.streaming ? "streaming" : ""} ${message2.error ? "has-error" : ""}">
+        ${message2.role === "assistant" && message2.streaming ? b2`<span class="assistantActivityRail" aria-hidden="true"></span>` : ""}
         ${this.showRole || this.showTimestamp || message2.model ? b2`
               <div class="roleRow">
                 ${this.showRole ? b2`<span class="roleLabel">${message2.role}</span>` : ""}
@@ -177854,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) : ""}
@@ -177862,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>` : ""}
@@ -177923,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;
@@ -177945,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);
@@ -177975,6 +178111,7 @@ var _DeesHarnessMessage = class _DeesHarnessMessage extends (_a82 = DeesElement,
     }
   }
   async disconnectedCallback() {
+    this.markdownParseToken += 1;
     if (this.markdownThrottleTimeout) {
       clearTimeout(this.markdownThrottleTimeout);
       this.markdownThrottleTimeout = null;
@@ -177990,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);
@@ -177998,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");
@@ -178079,35 +178218,43 @@ __publicField(_DeesHarnessMessage, "styles", [
         background: transparent;
       }
 
-      .message.role-assistant::before {
-        content: '';
+      .assistantActivityRail {
         position: absolute;
         inset: 0 auto 0 0;
         width: 1px;
-        background: transparent;
+        overflow: hidden;
         pointer-events: none;
       }
 
-      .message.role-assistant.streaming::before {
-        background:
-          linear-gradient(
-            to bottom,
-            transparent 40%,
-            color-mix(in srgb, var(--dees-color-accent-primary) 85%, transparent) 50%,
-            transparent 60%
-          ) 0 100% / 100% 250% no-repeat;
+      .assistantActivityRail::before {
+        content: '';
+        position: absolute;
+        inset: 0 auto auto 0;
+        width: 100%;
+        height: 250%;
+        background: linear-gradient(
+          to bottom,
+          transparent 40%,
+          color-mix(in srgb, var(--dees-color-accent-primary) 85%, transparent) 50%,
+          transparent 60%
+        );
+        transform: translate3d(0, -60%, 0);
+        will-change: transform;
         animation: assistantActivityScan 2s linear infinite;
       }
 
       @keyframes assistantActivityScan {
-        from { background-position: 0 100%; }
-        to { background-position: 0 0; }
+        from { transform: translate3d(0, -60%, 0); }
+        to { transform: translate3d(0, 0, 0); }
       }
 
       @media (prefers-reduced-motion: reduce) {
-        .message.role-assistant.streaming::before {
+        .assistantActivityRail::before {
           animation: none;
           background: color-mix(in srgb, var(--dees-color-accent-primary) 65%, transparent);
+          transform: none;
+          height: 100%;
+          will-change: auto;
         }
       }
 
@@ -178534,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;
@@ -178572,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>
@@ -178585,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
@@ -178600,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,
@@ -178614,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);
@@ -178654,6 +178820,10 @@ __publicField(_DeesHarnessPermissionCard, "styles", [
         }
       }
 
+      :host(.no-entry) {
+        animation: none;
+      }
+
       @media (prefers-reduced-motion: reduce) {
         :host {
           animation: none;
@@ -178808,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;
@@ -178842,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)}
@@ -178857,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>
@@ -178884,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>
                   ` : ""}
@@ -178896,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]);
@@ -178907,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: {
@@ -178919,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);
@@ -178955,6 +179144,10 @@ __publicField(_DeesHarnessQuestionCard, "styles", [
         }
       }
 
+      :host(.no-entry) {
+        animation: none;
+      }
+
       @media (prefers-reduced-motion: reduce) {
         :host {
           animation: none;
@@ -179096,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);
@@ -179112,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);
@@ -179154,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;
@@ -179167,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() {
@@ -179243,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;
@@ -179266,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>
@@ -179310,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}
@@ -179320,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}
       >
@@ -179337,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>
@@ -179387,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);
@@ -179435,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;
@@ -179443,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")) {
@@ -179455,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);
@@ -179462,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;
@@ -179474,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() {
@@ -179492,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;
@@ -179521,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();
   }
 };
@@ -179544,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();
@@ -179562,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);
@@ -179591,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;
@@ -179659,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;
       }
@@ -180618,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>
     `;
@@ -183813,6 +184755,8 @@ __publicField(_DeesHarnessSessionList, "styles", [
       }
 
       .itemInner {
+        position: relative;
+        isolation: isolate;
         min-width: 0;
         overflow: hidden;
         border: 1px solid var(--card-inner-border);
@@ -183845,24 +184789,34 @@ __publicField(_DeesHarnessSessionList, "styles", [
 
       @keyframes workingBackgroundScan {
         from {
-          background-position: 100% 0;
+          transform: translate3d(-60%, 0, 0);
         }
         to {
-          background-position: 0 0;
+          transform: translate3d(0, 0, 0);
         }
       }
 
       .item.state-working .itemInner {
-        background:
-          linear-gradient(
-            105deg,
-            transparent 40%,
-            color-mix(in srgb, var(--session-working) 6%, transparent) 45%,
-            color-mix(in srgb, var(--session-working) 20%, transparent) 50%,
-            color-mix(in srgb, var(--session-working) 6%, transparent) 55%,
-            transparent 60%
-          ) 100% 0 / 250% 100% no-repeat,
-          var(--dees-color-bg-primary);
+        background: var(--dees-color-bg-primary);
+      }
+
+      .item.state-working .itemInner::before {
+        content: '';
+        position: absolute;
+        z-index: -1;
+        inset: 0 auto 0 0;
+        width: 250%;
+        pointer-events: none;
+        background: linear-gradient(
+          105deg,
+          transparent 40%,
+          color-mix(in srgb, var(--session-working) 6%, transparent) 45%,
+          color-mix(in srgb, var(--session-working) 20%, transparent) 50%,
+          color-mix(in srgb, var(--session-working) 6%, transparent) 55%,
+          transparent 60%
+        );
+        transform: translate3d(-60%, 0, 0);
+        will-change: transform;
         animation: workingBackgroundScan 2s linear infinite;
       }
 
@@ -184369,12 +185323,18 @@ __publicField(_DeesHarnessSessionList, "styles", [
         .item,
         .itemInner,
         .item.state-attention .itemInner,
+        .item.state-working .itemInner::before,
         .item.state-working .itemHeader .stateDot,
         .scrollShadow,
         .expandToggle dees-icon {
           animation: none;
           transition: none;
         }
+
+        .item.state-working .itemInner::before {
+          transform: translate3d(-60%, 0, 0);
+          will-change: auto;
+        }
       }
 
       @media (pointer: coarse) {
@@ -206493,7 +207453,7 @@ init_group_runtime();
 // ts_web/00_commitinfo_data.ts
 var commitinfo = {
   name: "@design.estate/dees-catalog",
-  version: "6.7.0",
+  version: "6.8.0",
   description: "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript."
 };