@design.estate/dees-catalog 3.91.0 → 3.92.0

package/dist_ts_web/elements/00group-harness/dees-harness-message-list/dees-harness-message-list.demo.js

@@ -0,0 +1,101 @@
+import { html } from '@design.estate/dees-element';
+const seedMessages = () => [
+    {
+        id: 'm1',
+        role: 'user',
+        text: 'Summarize the last deploy and tell me if anything regressed.',
+        createdAt: Date.now() - 300_000,
+    },
+    {
+        id: 'm2',
+        role: 'assistant',
+        text: 'The deploy finished in **4m12s**. One warning: the `sitemap` job took 3× longer than baseline.\n\n- build: ok\n- tests: 212 passed\n- sitemap: slow (see below)',
+        createdAt: Date.now() - 280_000,
+        reasoning: [
+            {
+                id: 'r1',
+                text: 'Check the deploy log timings first, then compare against the previous run.',
+                startedAt: Date.now() - 290_000,
+                endedAt: Date.now() - 287_000,
+            },
+        ],
+    },
+    {
+        id: 'm3',
+        role: 'user',
+        text: 'Dig into the sitemap job please.',
+        createdAt: Date.now() - 200_000,
+    },
+];
+let streamStop;
+const simulateStream = (event) => {
+    streamStop?.();
+    const container = event.target.closest('.listDemo');
+    const list = container?.querySelector('dees-harness-message-list');
+    if (!list)
+        return;
+    const streamingMessage = {
+        id: `stream-${Date.now()}`,
+        role: 'assistant',
+        text: '',
+        createdAt: Date.now(),
+        streaming: true,
+    };
+    list.messages = [...list.messages, streamingMessage];
+    const source = 'The sitemap job re-crawled every route because the cache key changed with the locale rollout. Pinning the cache key to the route manifest hash brings it back to baseline. I can prepare that patch.';
+    let offset = 0;
+    const interval = setInterval(() => {
+        const chunk = source.slice(offset, offset + 5);
+        offset += 5;
+        if (!chunk) {
+            clearInterval(interval);
+            list.applyDelta({ type: 'message-end', messageId: streamingMessage.id, usage: { inputTokens: 900, outputTokens: 120, totalTokens: 1020 } });
+            return;
+        }
+        list.applyDelta({ type: 'text', messageId: streamingMessage.id, delta: chunk });
+    }, 40);
+    streamStop = () => clearInterval(interval);
+};
+export const demoFunc = () => html `
+  <style>
+    .listDemo {
+      display: grid;
+      grid-template-rows: auto minmax(0, 1fr);
+      gap: 12px;
+      height: 520px;
+      max-width: 720px;
+      margin: 40px auto;
+      padding: 16px;
+      border-radius: var(--dees-radius-xl);
+      background: var(--dees-color-bg-primary);
+      border: 1px solid var(--dees-color-border-subtle);
+    }
+    .listDemo dees-harness-message-list {
+      height: 100%;
+    }
+  </style>
+  <div class="listDemo">
+    <div>
+      <dees-button @clicked=${simulateStream}>Stream a new reply</dees-button>
+    </div>
+    <dees-harness-message-list .messages=${seedMessages()}></dees-harness-message-list>
+  </div>
+  <style>
+    .emptyDemo {
+      height: 200px;
+      max-width: 720px;
+      margin: 0 auto 40px;
+      border-radius: var(--dees-radius-xl);
+      border: 1px solid var(--dees-color-border-subtle);
+      background: var(--dees-color-bg-primary);
+    }
+    .emptyDemo dees-harness-message-list { height: 100%; }
+  </style>
+  <div class="emptyDemo">
+    <dees-harness-message-list
+      emptyTitle="Nothing here yet"
+      emptyText="Send the agent a prompt to get started."
+    ></dees-harness-message-list>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLW1lc3NhZ2UtbGlzdC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaGFybmVzcy9kZWVzLWhhcm5lc3MtbWVzc2FnZS1saXN0L2RlZXMtaGFybmVzcy1tZXNzYWdlLWxpc3QuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFJbkQsTUFBTSxZQUFZLEdBQUcsR0FBc0IsRUFBRSxDQUFDO0lBQzVDO1FBQ0UsRUFBRSxFQUFFLElBQUk7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLElBQUksRUFBRSw4REFBOEQ7UUFDcEUsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxPQUFPO0tBQ2hDO0lBQ0Q7UUFDRSxFQUFFLEVBQUUsSUFBSTtRQUNSLElBQUksRUFBRSxXQUFXO1FBQ2pCLElBQUksRUFBRSxpS0FBaUs7UUFDdkssU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxPQUFPO1FBQy9CLFNBQVMsRUFBRTtZQUNUO2dCQUNFLEVBQUUsRUFBRSxJQUFJO2dCQUNSLElBQUksRUFBRSw0RUFBNEU7Z0JBQ2xGLFNBQVMsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLEdBQUcsT0FBTztnQkFDL0IsT0FBTyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxPQUFPO2FBQzlCO1NBQ0Y7S0FDRjtJQUNEO1FBQ0UsRUFBRSxFQUFFLElBQUk7UUFDUixJQUFJLEVBQUUsTUFBTTtRQUNaLElBQUksRUFBRSxrQ0FBa0M7UUFDeEMsU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxPQUFPO0tBQ2hDO0NBQ0YsQ0FBQztBQUVGLElBQUksVUFBb0MsQ0FBQztBQUV6QyxNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQWlCLEVBQUUsRUFBRTtJQUMzQyxVQUFVLEVBQUUsRUFBRSxDQUFDO0lBQ2YsTUFBTSxTQUFTLEdBQUksS0FBSyxDQUFDLE1BQXNCLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3JFLE1BQU0sSUFBSSxHQUFHLFNBQVMsRUFBRSxhQUFhLENBQXlCLDJCQUEyQixDQUFDLENBQUM7SUFDM0YsSUFBSSxDQUFDLElBQUk7UUFBRSxPQUFPO0lBQ2xCLE1BQU0sZ0JBQWdCLEdBQW9CO1FBQ3hDLEVBQUUsRUFBRSxVQUFVLElBQUksQ0FBQyxHQUFHLEVBQUUsRUFBRTtRQUMxQixJQUFJLEVBQUUsV0FBVztRQUNqQixJQUFJLEVBQUUsRUFBRTtRQUNSLFNBQVMsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO1FBQ3JCLFNBQVMsRUFBRSxJQUFJO0tBQ2hCLENBQUM7SUFDRixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLGdCQUFnQixDQUFDLENBQUM7SUFDckQsTUFBTSxNQUFNLEdBQUcsc01BQXNNLENBQUM7SUFDdE4sSUFBSSxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQ2YsTUFBTSxRQUFRLEdBQUcsV0FBVyxDQUFDLEdBQUcsRUFBRTtRQUNoQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDL0MsTUFBTSxJQUFJLENBQUMsQ0FBQztRQUNaLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNYLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUN4QixJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxHQUFHLEVBQUUsWUFBWSxFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1lBQzVJLE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixDQUFDLEVBQUUsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUNsRixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDUCxVQUFVLEdBQUcsR0FBRyxFQUFFLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0FBQzdDLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzhCQW9CSixjQUFjOzsyQ0FFRCxZQUFZLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FtQnhELENBQUMifQ==

package/dist_ts_web/elements/00group-harness/dees-harness-message-list/dees-harness-message-list.js

@@ -0,0 +1,424 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { demoFunc } from './dees-harness-message-list.demo.js';
+import { DeesElement, html, css, customElement, property, state, cssManager, directives, } from '@design.estate/dees-element';
+import { themeDefaultStyles } from '../../00theme.js';
+import { DeesHarnessMessage } from '../dees-harness-message/dees-harness-message.js';
+import { DeesHarnessToolRegistry } from '../toolregistry.js';
+import '../dees-harness-status/dees-harness-status.js';
+import '../../00group-utility/dees-icon/dees-icon.js';
+const { repeat } = directives;
+const pinThresholdPx = 48;
+/**
+ * Scrollable, streaming-safe message log. Messages render through a keyed
+ * repeat (stable DOM per message id); `applyDelta()` routes incremental
+ * updates to the affected message element only. Auto-follows the bottom
+ * while the user is pinned there; otherwise new content raises a
+ * "jump to latest" chip instead of yanking the scroll position.
+ */
+let DeesHarnessMessageList = (() => {
+    let _classDecorators = [customElement('dees-harness-message-list')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _messages_decorators;
+    let _messages_initializers = [];
+    let _messages_extraInitializers = [];
+    let _status_decorators;
+    let _status_initializers = [];
+    let _status_extraInitializers = [];
+    let _autoFollow_decorators;
+    let _autoFollow_initializers = [];
+    let _autoFollow_extraInitializers = [];
+    let _toolRegistry_decorators;
+    let _toolRegistry_initializers = [];
+    let _toolRegistry_extraInitializers = [];
+    let _showRoles_decorators;
+    let _showRoles_initializers = [];
+    let _showRoles_extraInitializers = [];
+    let _showTimestamps_decorators;
+    let _showTimestamps_initializers = [];
+    let _showTimestamps_extraInitializers = [];
+    let _emptyTitle_decorators;
+    let _emptyTitle_initializers = [];
+    let _emptyTitle_extraInitializers = [];
+    let _emptyText_decorators;
+    let _emptyText_initializers = [];
+    let _emptyText_extraInitializers = [];
+    let _showJumpChip_decorators;
+    let _showJumpChip_initializers = [];
+    let _showJumpChip_extraInitializers = [];
+    let _entryAnimationsEnabled_decorators;
+    let _entryAnimationsEnabled_initializers = [];
+    let _entryAnimationsEnabled_extraInitializers = [];
+    var DeesHarnessMessageList = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _messages_decorators = [property({ attribute: false })];
+            _status_decorators = [property({ attribute: false })];
+            _autoFollow_decorators = [property({ type: Boolean })];
+            _toolRegistry_decorators = [property({ attribute: false })];
+            _showRoles_decorators = [property({ type: Boolean })];
+            _showTimestamps_decorators = [property({ type: Boolean })];
+            _emptyTitle_decorators = [property()];
+            _emptyText_decorators = [property()];
+            _showJumpChip_decorators = [state()];
+            _entryAnimationsEnabled_decorators = [state()];
+            __esDecorate(this, null, _messages_decorators, { kind: "accessor", name: "messages", static: false, private: false, access: { has: obj => "messages" in obj, get: obj => obj.messages, set: (obj, value) => { obj.messages = value; } }, metadata: _metadata }, _messages_initializers, _messages_extraInitializers);
+            __esDecorate(this, null, _status_decorators, { kind: "accessor", name: "status", static: false, private: false, access: { has: obj => "status" in obj, get: obj => obj.status, set: (obj, value) => { obj.status = value; } }, metadata: _metadata }, _status_initializers, _status_extraInitializers);
+            __esDecorate(this, null, _autoFollow_decorators, { kind: "accessor", name: "autoFollow", static: false, private: false, access: { has: obj => "autoFollow" in obj, get: obj => obj.autoFollow, set: (obj, value) => { obj.autoFollow = value; } }, metadata: _metadata }, _autoFollow_initializers, _autoFollow_extraInitializers);
+            __esDecorate(this, null, _toolRegistry_decorators, { kind: "accessor", name: "toolRegistry", static: false, private: false, access: { has: obj => "toolRegistry" in obj, get: obj => obj.toolRegistry, set: (obj, value) => { obj.toolRegistry = value; } }, metadata: _metadata }, _toolRegistry_initializers, _toolRegistry_extraInitializers);
+            __esDecorate(this, null, _showRoles_decorators, { kind: "accessor", name: "showRoles", static: false, private: false, access: { has: obj => "showRoles" in obj, get: obj => obj.showRoles, set: (obj, value) => { obj.showRoles = value; } }, metadata: _metadata }, _showRoles_initializers, _showRoles_extraInitializers);
+            __esDecorate(this, null, _showTimestamps_decorators, { kind: "accessor", name: "showTimestamps", static: false, private: false, access: { has: obj => "showTimestamps" in obj, get: obj => obj.showTimestamps, set: (obj, value) => { obj.showTimestamps = value; } }, metadata: _metadata }, _showTimestamps_initializers, _showTimestamps_extraInitializers);
+            __esDecorate(this, null, _emptyTitle_decorators, { kind: "accessor", name: "emptyTitle", static: false, private: false, access: { has: obj => "emptyTitle" in obj, get: obj => obj.emptyTitle, set: (obj, value) => { obj.emptyTitle = value; } }, metadata: _metadata }, _emptyTitle_initializers, _emptyTitle_extraInitializers);
+            __esDecorate(this, null, _emptyText_decorators, { kind: "accessor", name: "emptyText", static: false, private: false, access: { has: obj => "emptyText" in obj, get: obj => obj.emptyText, set: (obj, value) => { obj.emptyText = value; } }, metadata: _metadata }, _emptyText_initializers, _emptyText_extraInitializers);
+            __esDecorate(this, null, _showJumpChip_decorators, { kind: "accessor", name: "showJumpChip", static: false, private: false, access: { has: obj => "showJumpChip" in obj, get: obj => obj.showJumpChip, set: (obj, value) => { obj.showJumpChip = value; } }, metadata: _metadata }, _showJumpChip_initializers, _showJumpChip_extraInitializers);
+            __esDecorate(this, null, _entryAnimationsEnabled_decorators, { kind: "accessor", name: "entryAnimationsEnabled", static: false, private: false, access: { has: obj => "entryAnimationsEnabled" in obj, get: obj => obj.entryAnimationsEnabled, set: (obj, value) => { obj.entryAnimationsEnabled = value; } }, metadata: _metadata }, _entryAnimationsEnabled_initializers, _entryAnimationsEnabled_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesHarnessMessageList = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        static demoGroups = ['Agent Chat'];
+        #messages_accessor_storage = __runInitializers(this, _messages_initializers, []);
+        get messages() { return this.#messages_accessor_storage; }
+        set messages(value) { this.#messages_accessor_storage = value; }
+        #status_accessor_storage = (__runInitializers(this, _messages_extraInitializers), __runInitializers(this, _status_initializers, { type: 'idle' }));
+        get status() { return this.#status_accessor_storage; }
+        set status(value) { this.#status_accessor_storage = value; }
+        #autoFollow_accessor_storage = (__runInitializers(this, _status_extraInitializers), __runInitializers(this, _autoFollow_initializers, true));
+        get autoFollow() { return this.#autoFollow_accessor_storage; }
+        set autoFollow(value) { this.#autoFollow_accessor_storage = value; }
+        #toolRegistry_accessor_storage = (__runInitializers(this, _autoFollow_extraInitializers), __runInitializers(this, _toolRegistry_initializers, DeesHarnessToolRegistry.default));
+        get toolRegistry() { return this.#toolRegistry_accessor_storage; }
+        set toolRegistry(value) { this.#toolRegistry_accessor_storage = value; }
+        #showRoles_accessor_storage = (__runInitializers(this, _toolRegistry_extraInitializers), __runInitializers(this, _showRoles_initializers, true));
+        get showRoles() { return this.#showRoles_accessor_storage; }
+        set showRoles(value) { this.#showRoles_accessor_storage = value; }
+        #showTimestamps_accessor_storage = (__runInitializers(this, _showRoles_extraInitializers), __runInitializers(this, _showTimestamps_initializers, false));
+        get showTimestamps() { return this.#showTimestamps_accessor_storage; }
+        set showTimestamps(value) { this.#showTimestamps_accessor_storage = value; }
+        #emptyTitle_accessor_storage = (__runInitializers(this, _showTimestamps_extraInitializers), __runInitializers(this, _emptyTitle_initializers, 'No messages yet'));
+        get emptyTitle() { return this.#emptyTitle_accessor_storage; }
+        set emptyTitle(value) { this.#emptyTitle_accessor_storage = value; }
+        #emptyText_accessor_storage = (__runInitializers(this, _emptyTitle_extraInitializers), __runInitializers(this, _emptyText_initializers, 'Start a conversation to see it here.'));
+        get emptyText() { return this.#emptyText_accessor_storage; }
+        set emptyText(value) { this.#emptyText_accessor_storage = value; }
+        #showJumpChip_accessor_storage = (__runInitializers(this, _emptyText_extraInitializers), __runInitializers(this, _showJumpChip_initializers, false));
+        get showJumpChip() { return this.#showJumpChip_accessor_storage; }
+        set showJumpChip(value) { this.#showJumpChip_accessor_storage = value; }
+        #entryAnimationsEnabled_accessor_storage = (__runInitializers(this, _showJumpChip_extraInitializers), __runInitializers(this, _entryAnimationsEnabled_initializers, false));
+        get entryAnimationsEnabled() { return this.#entryAnimationsEnabled_accessor_storage; }
+        set entryAnimationsEnabled(value) { this.#entryAnimationsEnabled_accessor_storage = value; }
+        static styles = [
+            themeDefaultStyles,
+            cssManager.defaultStyles,
+            css `
+      :host {
+        position: relative;
+        display: block;
+        min-height: 0;
+        font-family: var(--dees-font-family);
+      }
+
+      .scroll {
+        height: 100%;
+        overflow-y: auto;
+        scrollbar-width: thin;
+        scrollbar-color: var(--dees-color-scrollbar-thumb) transparent;
+        padding: var(--dees-spacing-md);
+        box-sizing: border-box;
+      }
+
+      .stack {
+        display: block;
+      }
+
+      /* spacing via sibling margins (not grid gap) so a new entry's margin
+         animates together with its height while it fades in */
+      .stack > * + * {
+        margin-top: var(--dees-spacing-sm);
+      }
+
+      .statusRow {
+        padding: 0 var(--dees-spacing-xs);
+      }
+
+      .empty {
+        display: grid;
+        place-content: center;
+        gap: var(--dees-spacing-xs);
+        height: 100%;
+        min-height: 120px;
+        text-align: center;
+      }
+
+      .emptyTitle {
+        color: var(--dees-color-text-primary);
+        font-size: var(--dees-font-control-size, 13px);
+        font-weight: 600;
+      }
+
+      .emptyText {
+        color: var(--dees-color-text-secondary);
+        font-size: var(--dees-font-control-size-sm, 12px);
+      }
+
+      .jumpChip {
+        position: absolute;
+        left: 50%;
+        bottom: var(--dees-spacing-md);
+        transform: translateX(-50%);
+        display: flex;
+        align-items: center;
+        gap: var(--dees-spacing-xs);
+        padding: 4px 12px;
+        border: 1px solid var(--dees-color-border-default);
+        border-radius: var(--dees-radius-full);
+        background: var(--dees-material-thin-bg);
+        backdrop-filter: var(--dees-material-thin-filter);
+        color: var(--dees-color-text-primary);
+        cursor: pointer;
+        font-family: inherit;
+        font-size: var(--dees-font-control-size-sm, 12px);
+        box-shadow: var(--dees-shadow-md);
+      }
+
+      .jumpChip:hover {
+        background: var(--dees-material-thick-bg);
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div class="scroll" @scroll=${this.handleScroll}>
+        ${this.messages.length
+                ? html `
+              <div class="stack">
+                ${repeat(this.messages, (message) => message.id, (message) => html `
+                    <dees-harness-message
+                      data-message-id=${message.id}
+                      .message=${message}
+                      .showRole=${this.showRoles}
+                      .showTimestamp=${this.showTimestamps}
+                      .toolRegistry=${this.toolRegistry}
+                      .suppressEntry=${!this.entryAnimationsEnabled}
+                    ></dees-harness-message>
+                  `)}
+                <div class="statusRow">
+                  <dees-harness-status .status=${this.status}></dees-harness-status>
+                </div>
+              </div>
+            `
+                : html `
+              <div class="empty">
+                <slot name="empty">
+                  <div class="emptyTitle">${this.emptyTitle}</div>
+                  <div class="emptyText">${this.emptyText}</div>
+                </slot>
+              </div>
+            `}
+      </div>
+      ${this.showJumpChip
+                ? html `
+            <button class="jumpChip" type="button" @click=${() => this.scrollToBottom(true)}>
+              <dees-icon icon="lucide:ArrowDown" iconSize="12"></dees-icon>
+              Jump to latest
+            </button>
+          `
+                : ''}
+    `;
+        }
+        // ------------------------------------------------------------------ deltas
+        /**
+         * Routes an incremental update to the affected message. Mutates the
+         * message object held in `.messages` so a later full re-assignment stays
+         * idempotent; only the target element re-renders.
+         */
+        applyDelta(delta) {
+            const message = this.messages.find((candidate) => candidate.id === delta.messageId);
+            if (!message)
+                return;
+            const element = this.messageElement(delta.messageId);
+            switch (delta.type) {
+                case 'text':
+                    if (element)
+                        element.appendTextDelta(delta.delta);
+                    else {
+                        message.text += delta.delta;
+                        message.streaming = true;
+                    }
+                    break;
+                case 'reasoning-start':
+                    if (element)
+                        element.appendReasoningDelta(delta.partId, '', delta.startedAt);
+                    else {
+                        message.reasoning ??= [];
+                        message.reasoning.push({ id: delta.partId, text: '', startedAt: delta.startedAt ?? Date.now() });
+                    }
+                    break;
+                case 'reasoning':
+                    if (element)
+                        element.appendReasoningDelta(delta.partId, delta.delta);
+                    else {
+                        message.reasoning ??= [];
+                        const part = message.reasoning.find((candidate) => candidate.id === delta.partId);
+                        if (part)
+                            part.text += delta.delta;
+                        else
+                            message.reasoning.push({ id: delta.partId, text: delta.delta, startedAt: Date.now() });
+                    }
+                    break;
+                case 'reasoning-end':
+                    if (element)
+                        element.endReasoning(delta.partId, delta.endedAt);
+                    else {
+                        const part = message.reasoning?.find((candidate) => candidate.id === delta.partId);
+                        if (part)
+                            part.endedAt = delta.endedAt ?? Date.now();
+                    }
+                    break;
+                case 'tool-update':
+                    message.toolCall = { ...(message.toolCall ?? { id: delta.tool.id, name: '', status: 'pending' }), ...delta.tool };
+                    element?.requestUpdate();
+                    break;
+                case 'message-end':
+                    if (element)
+                        element.endStream(delta.usage, delta.error);
+                    else {
+                        message.streaming = false;
+                        if (delta.usage)
+                            message.usage = delta.usage;
+                        if (delta.error)
+                            message.error = delta.error;
+                    }
+                    break;
+            }
+            this.followAfterContentChange();
+        }
+        messageElement(messageId) {
+            const element = this.shadowRoot?.querySelector(`dees-harness-message[data-message-id="${CSS.escape(messageId)}"]`);
+            return element instanceof DeesHarnessMessage ? element : undefined;
+        }
+        // ------------------------------------------------------------------ scroll
+        get scrollContainer() {
+            return this.shadowRoot?.querySelector('.scroll') ?? null;
+        }
+        get isPinnedToBottom() {
+            const container = this.scrollContainer;
+            if (!container)
+                return true;
+            return container.scrollHeight - container.scrollTop - container.clientHeight < pinThresholdPx;
+        }
+        followFrame = (__runInitializers(this, _entryAnimationsEnabled_extraInitializers), 0);
+        settleTimeout = null;
+        followAfterContentChange() {
+            if (!this.autoFollow)
+                return;
+            if (this.isPinnedToBottom) {
+                if (!this.followFrame) {
+                    this.followFrame = requestAnimationFrame(() => {
+                        this.followFrame = 0;
+                        this.scrollToBottom(true);
+                    });
+                }
+                // entry animations grow content for ~200ms after insertion; follow
+                // through once they settle (unless the user scrolled far away)
+                if (this.settleTimeout)
+                    clearTimeout(this.settleTimeout);
+                this.settleTimeout = setTimeout(() => {
+                    this.settleTimeout = null;
+                    const container = this.scrollContainer;
+                    if (!container)
+                        return;
+                    const distance = container.scrollHeight - container.scrollTop - container.clientHeight;
+                    if (distance < 400)
+                        this.scrollToBottom(true);
+                }, 250);
+            }
+            else {
+                this.showJumpChip = true;
+            }
+        }
+        scrollToBottom(force = false) {
+            const container = this.scrollContainer;
+            if (!container)
+                return;
+            if (force || this.isPinnedToBottom) {
+                container.scrollTop = container.scrollHeight;
+                this.showJumpChip = false;
+            }
+        }
+        handleScroll = () => {
+            if (this.isPinnedToBottom && this.showJumpChip) {
+                this.showJumpChip = false;
+            }
+        };
+        updated(changedProperties) {
+            super.updated(changedProperties);
+            if (changedProperties.has('messages') || changedProperties.has('status')) {
+                this.followAfterContentChange();
+            }
+        }
+        firstUpdated(changedProperties) {
+            super.firstUpdated(changedProperties);
+            // let the initial batch paint without entry animations, then enable them
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    this.entryAnimationsEnabled = true;
+                });
+            });
+        }
+        async disconnectedCallback() {
+            if (this.followFrame) {
+                cancelAnimationFrame(this.followFrame);
+                this.followFrame = 0;
+            }
+            if (this.settleTimeout) {
+                clearTimeout(this.settleTimeout);
+                this.settleTimeout = null;
+            }
+            await super.disconnectedCallback();
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesHarnessMessageList = _classThis;
+})();
+export { DeesHarnessMessageList };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLW1lc3NhZ2UtbGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWhhcm5lc3MvZGVlcy1oYXJuZXNzLW1lc3NhZ2UtbGlzdC9kZWVzLWhhcm5lc3MtbWVzc2FnZS1saXN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDL0QsT0FBTyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osR0FBRyxFQUNILGFBQWEsRUFFYixRQUFRLEVBQ1IsS0FBSyxFQUNMLFVBQVUsRUFDVixVQUFVLEdBQ1gsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV0RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNyRixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM3RCxPQUFPLCtDQUErQyxDQUFDO0FBQ3ZELE9BQU8sOENBQThDLENBQUM7QUFFdEQsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLFVBQVUsQ0FBQztBQVE5QixNQUFNLGNBQWMsR0FBRyxFQUFFLENBQUM7QUFFMUI7Ozs7OztHQU1HO0lBRVUsc0JBQXNCOzRCQURsQyxhQUFhLENBQUMsMkJBQTJCLENBQUM7Ozs7c0JBQ0MsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztzQ0FBbkIsU0FBUSxXQUFXOzs7O29DQUlwRCxRQUFRLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUM7a0NBRzlCLFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztzQ0FHOUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFB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

package/dist_ts_web/elements/00group-harness/dees-harness-message-list/index.d.ts

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

package/dist_ts_web/elements/00group-harness/dees-harness-message-list/index.js

@@ -0,0 +1,2 @@
+export * from './dees-harness-message-list.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1oYXJuZXNzL2RlZXMtaGFybmVzcy1tZXNzYWdlLWxpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxnQ0FBZ0MsQ0FBQyJ9

package/dist_ts_web/elements/00group-harness/dees-harness-permission-card/dees-harness-permission-card.d.ts

@@ -0,0 +1,27 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import type { IHarnessPermissionRequest, THarnessPermissionResponse } from '../interfaces.js';
+import '../../00group-button/dees-button/dees-button.js';
+import '../../00group-feedback/dees-badge/dees-badge.js';
+import '../../00group-utility/dees-icon/dees-icon.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-harness-permission-card': DeesHarnessPermissionCard;
+    }
+}
+/**
+ * Permission prompt card: title, type badge, metadata key/values, and the
+ * once / always / reject choices with an optional remember checkbox. Emits
+ * `harness-permission-response` (bubbles, composed) and disables itself
+ * once answered or while `busy`.
+ */
+export declare class DeesHarnessPermissionCard extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor request: IHarnessPermissionRequest;
+    accessor busy: boolean;
+    accessor remember: boolean;
+    accessor answered: THarnessPermissionResponse | undefined;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    private respond;
+}

package/dist_ts_web/elements/00group-harness/dees-harness-permission-card/dees-harness-permission-card.demo.d.ts

@@ -0,0 +1 @@
+export declare const demoFunc: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/elements/00group-harness/dees-harness-permission-card/dees-harness-permission-card.demo.js

@@ -0,0 +1,46 @@
+import { html } from '@design.estate/dees-element';
+const logResponse = (event) => {
+    console.log('harness-permission-response', event.detail);
+};
+export const demoFunc = () => html `
+  <style>
+    .permissionDemo {
+      display: grid;
+      gap: 16px;
+      max-width: 640px;
+      margin: 40px auto;
+      padding: 24px;
+      border-radius: var(--dees-radius-xl);
+      background: var(--dees-color-bg-primary);
+    }
+  </style>
+  <div class="permissionDemo" @harness-permission-response=${logResponse}>
+    <dees-harness-permission-card
+      .request=${{
+    id: 'p1',
+    title: 'Run shell command',
+    type: 'shell',
+    createdAt: Date.now(),
+    metadata: { command: 'rm -rf node_modules && pnpm install', cwd: '/srv/app' },
+}}
+    ></dees-harness-permission-card>
+    <dees-harness-permission-card
+      .request=${{
+    id: 'p2',
+    title: 'Write file',
+    type: 'write',
+    metadata: { path: '/srv/app/src/config.ts', bytes: 812 },
+}}
+    ></dees-harness-permission-card>
+    <dees-harness-permission-card
+      busy
+      .request=${{
+    id: 'p3',
+    title: 'Navigate browser',
+    type: 'browser',
+    metadata: { action: 'navigate', url: 'https://admin.example.com' },
+}}
+    ></dees-harness-permission-card>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLXBlcm1pc3Npb24tY2FyZC5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaGFybmVzcy9kZWVzLWhhcm5lc3MtcGVybWlzc2lvbi1jYXJkL2RlZXMtaGFybmVzcy1wZXJtaXNzaW9uLWNhcmQuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxXQUFXLEdBQUcsQ0FBQyxLQUFrQixFQUFFLEVBQUU7SUFDekMsT0FBTyxDQUFDLEdBQUcsQ0FBQyw2QkFBNkIsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7QUFDM0QsQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7OzZEQVkyQixXQUFXOztpQkFFdkQ7SUFDVCxFQUFFLEVBQUUsSUFBSTtJQUNSLEtBQUssRUFBRSxtQkFBbUI7SUFDMUIsSUFBSSxFQUFFLE9BQU87SUFDYixTQUFTLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRTtJQUNyQixRQUFRLEVBQUUsRUFBRSxPQUFPLEVBQUUscUNBQXFDLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRTtDQUM5RTs7O2lCQUdVO0lBQ1QsRUFBRSxFQUFFLElBQUk7SUFDUixLQUFLLEVBQUUsWUFBWTtJQUNuQixJQUFJLEVBQUUsT0FBTztJQUNiLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSx3QkFBd0IsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFO0NBQ3pEOzs7O2lCQUlVO0lBQ1QsRUFBRSxFQUFFLElBQUk7SUFDUixLQUFLLEVBQUUsa0JBQWtCO0lBQ3pCLElBQUksRUFBRSxTQUFTO0lBQ2YsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsMkJBQTJCLEVBQUU7Q0FDbkU7OztDQUdOLENBQUMifQ==