@design.estate/dees-catalog 3.91.0 → 3.93.0

package/dist_ts_web/elements/00group-harness/dees-harness-chat/dees-harness-chat.js

@@ -0,0 +1,485 @@
+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-chat.demo.js';
+import { DeesElement, html, css, customElement, property, cssManager, } from '@design.estate/dees-element';
+import { themeDefaultStyles } from '../../00theme.js';
+import { harnessParseTodos } from '../harness.helpers.js';
+import { DeesHarnessToolRegistry } from '../toolregistry.js';
+import { DeesHarnessMessageList } from '../dees-harness-message-list/dees-harness-message-list.js';
+import { DeesHarnessComposer } from '../dees-harness-composer/dees-harness-composer.js';
+import '../dees-harness-permission-card/dees-harness-permission-card.js';
+import '../dees-harness-status/dees-harness-status.js';
+import '../dees-harness-todos/dees-harness-todos.js';
+import '../dees-harness-usage/dees-harness-usage.js';
+import '../../00group-button/dees-button/dees-button.js';
+import '../../00group-utility/dees-icon/dees-icon.js';
+// stable idle binding for the embedded list — a fresh object literal per
+// render would re-trigger its follow logic on every chat render
+const idleStatus = { type: 'idle' };
+/**
+ * The assembled agent chat: optional toolbar, streaming message list,
+ * pinned permission queue, status line, and composer. Owns no business
+ * logic — consumers feed `.messages`/`.permissions`/`.status` (and stream
+ * through `applyDelta()`), and listen for the bubbling harness-* events
+ * from the children plus `harness-new-session` / `harness-open-sessions`
+ * from the toolbar.
+ */
+let DeesHarnessChat = (() => {
+    let _classDecorators = [customElement('dees-harness-chat')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _messages_decorators;
+    let _messages_initializers = [];
+    let _messages_extraInitializers = [];
+    let _permissions_decorators;
+    let _permissions_initializers = [];
+    let _permissions_extraInitializers = [];
+    let _status_decorators;
+    let _status_initializers = [];
+    let _status_extraInitializers = [];
+    let _usage_decorators;
+    let _usage_initializers = [];
+    let _usage_extraInitializers = [];
+    let _todos_decorators;
+    let _todos_initializers = [];
+    let _todos_extraInitializers = [];
+    let _showTodosPanel_decorators;
+    let _showTodosPanel_initializers = [];
+    let _showTodosPanel_extraInitializers = [];
+    let _heading_decorators;
+    let _heading_initializers = [];
+    let _heading_extraInitializers = [];
+    let _subheading_decorators;
+    let _subheading_initializers = [];
+    let _subheading_extraInitializers = [];
+    let _showToolbar_decorators;
+    let _showToolbar_initializers = [];
+    let _showToolbar_extraInitializers = [];
+    let _showRoles_decorators;
+    let _showRoles_initializers = [];
+    let _showRoles_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _busy_decorators;
+    let _busy_initializers = [];
+    let _busy_extraInitializers = [];
+    let _queuedCount_decorators;
+    let _queuedCount_initializers = [];
+    let _queuedCount_extraInitializers = [];
+    let _composerValue_decorators;
+    let _composerValue_initializers = [];
+    let _composerValue_extraInitializers = [];
+    let _attachments_decorators;
+    let _attachments_initializers = [];
+    let _attachments_extraInitializers = [];
+    let _model_decorators;
+    let _model_initializers = [];
+    let _model_extraInitializers = [];
+    let _modelOptions_decorators;
+    let _modelOptions_initializers = [];
+    let _modelOptions_extraInitializers = [];
+    let _reasoningEffort_decorators;
+    let _reasoningEffort_initializers = [];
+    let _reasoningEffort_extraInitializers = [];
+    let _effortOptions_decorators;
+    let _effortOptions_initializers = [];
+    let _effortOptions_extraInitializers = [];
+    let _toolRegistry_decorators;
+    let _toolRegistry_initializers = [];
+    let _toolRegistry_extraInitializers = [];
+    var DeesHarnessChat = 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 })];
+            _permissions_decorators = [property({ attribute: false })];
+            _status_decorators = [property({ attribute: false })];
+            _usage_decorators = [property({ attribute: false })];
+            _todos_decorators = [property({ attribute: false })];
+            _showTodosPanel_decorators = [property({ type: Boolean })];
+            _heading_decorators = [property()];
+            _subheading_decorators = [property()];
+            _showToolbar_decorators = [property({ type: Boolean })];
+            _showRoles_decorators = [property({ type: Boolean })];
+            _disabled_decorators = [property({ type: Boolean })];
+            _busy_decorators = [property({ type: Boolean })];
+            _queuedCount_decorators = [property({ type: Number })];
+            _composerValue_decorators = [property()];
+            _attachments_decorators = [property({ attribute: false })];
+            _model_decorators = [property()];
+            _modelOptions_decorators = [property({ attribute: false })];
+            _reasoningEffort_decorators = [property()];
+            _effortOptions_decorators = [property({ attribute: false })];
+            _toolRegistry_decorators = [property({ attribute: false })];
+            __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, _permissions_decorators, { kind: "accessor", name: "permissions", static: false, private: false, access: { has: obj => "permissions" in obj, get: obj => obj.permissions, set: (obj, value) => { obj.permissions = value; } }, metadata: _metadata }, _permissions_initializers, _permissions_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, _usage_decorators, { kind: "accessor", name: "usage", static: false, private: false, access: { has: obj => "usage" in obj, get: obj => obj.usage, set: (obj, value) => { obj.usage = value; } }, metadata: _metadata }, _usage_initializers, _usage_extraInitializers);
+            __esDecorate(this, null, _todos_decorators, { kind: "accessor", name: "todos", static: false, private: false, access: { has: obj => "todos" in obj, get: obj => obj.todos, set: (obj, value) => { obj.todos = value; } }, metadata: _metadata }, _todos_initializers, _todos_extraInitializers);
+            __esDecorate(this, null, _showTodosPanel_decorators, { kind: "accessor", name: "showTodosPanel", static: false, private: false, access: { has: obj => "showTodosPanel" in obj, get: obj => obj.showTodosPanel, set: (obj, value) => { obj.showTodosPanel = value; } }, metadata: _metadata }, _showTodosPanel_initializers, _showTodosPanel_extraInitializers);
+            __esDecorate(this, null, _heading_decorators, { kind: "accessor", name: "heading", static: false, private: false, access: { has: obj => "heading" in obj, get: obj => obj.heading, set: (obj, value) => { obj.heading = value; } }, metadata: _metadata }, _heading_initializers, _heading_extraInitializers);
+            __esDecorate(this, null, _subheading_decorators, { kind: "accessor", name: "subheading", static: false, private: false, access: { has: obj => "subheading" in obj, get: obj => obj.subheading, set: (obj, value) => { obj.subheading = value; } }, metadata: _metadata }, _subheading_initializers, _subheading_extraInitializers);
+            __esDecorate(this, null, _showToolbar_decorators, { kind: "accessor", name: "showToolbar", static: false, private: false, access: { has: obj => "showToolbar" in obj, get: obj => obj.showToolbar, set: (obj, value) => { obj.showToolbar = value; } }, metadata: _metadata }, _showToolbar_initializers, _showToolbar_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, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(this, null, _busy_decorators, { kind: "accessor", name: "busy", static: false, private: false, access: { has: obj => "busy" in obj, get: obj => obj.busy, set: (obj, value) => { obj.busy = value; } }, metadata: _metadata }, _busy_initializers, _busy_extraInitializers);
+            __esDecorate(this, null, _queuedCount_decorators, { kind: "accessor", name: "queuedCount", static: false, private: false, access: { has: obj => "queuedCount" in obj, get: obj => obj.queuedCount, set: (obj, value) => { obj.queuedCount = value; } }, metadata: _metadata }, _queuedCount_initializers, _queuedCount_extraInitializers);
+            __esDecorate(this, null, _composerValue_decorators, { kind: "accessor", name: "composerValue", static: false, private: false, access: { has: obj => "composerValue" in obj, get: obj => obj.composerValue, set: (obj, value) => { obj.composerValue = value; } }, metadata: _metadata }, _composerValue_initializers, _composerValue_extraInitializers);
+            __esDecorate(this, null, _attachments_decorators, { kind: "accessor", name: "attachments", static: false, private: false, access: { has: obj => "attachments" in obj, get: obj => obj.attachments, set: (obj, value) => { obj.attachments = value; } }, metadata: _metadata }, _attachments_initializers, _attachments_extraInitializers);
+            __esDecorate(this, null, _model_decorators, { kind: "accessor", name: "model", static: false, private: false, access: { has: obj => "model" in obj, get: obj => obj.model, set: (obj, value) => { obj.model = value; } }, metadata: _metadata }, _model_initializers, _model_extraInitializers);
+            __esDecorate(this, null, _modelOptions_decorators, { kind: "accessor", name: "modelOptions", static: false, private: false, access: { has: obj => "modelOptions" in obj, get: obj => obj.modelOptions, set: (obj, value) => { obj.modelOptions = value; } }, metadata: _metadata }, _modelOptions_initializers, _modelOptions_extraInitializers);
+            __esDecorate(this, null, _reasoningEffort_decorators, { kind: "accessor", name: "reasoningEffort", static: false, private: false, access: { has: obj => "reasoningEffort" in obj, get: obj => obj.reasoningEffort, set: (obj, value) => { obj.reasoningEffort = value; } }, metadata: _metadata }, _reasoningEffort_initializers, _reasoningEffort_extraInitializers);
+            __esDecorate(this, null, _effortOptions_decorators, { kind: "accessor", name: "effortOptions", static: false, private: false, access: { has: obj => "effortOptions" in obj, get: obj => obj.effortOptions, set: (obj, value) => { obj.effortOptions = value; } }, metadata: _metadata }, _effortOptions_initializers, _effortOptions_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(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesHarnessChat = _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; }
+        #permissions_accessor_storage = (__runInitializers(this, _messages_extraInitializers), __runInitializers(this, _permissions_initializers, []));
+        get permissions() { return this.#permissions_accessor_storage; }
+        set permissions(value) { this.#permissions_accessor_storage = value; }
+        #status_accessor_storage = (__runInitializers(this, _permissions_extraInitializers), __runInitializers(this, _status_initializers, { type: 'idle' }));
+        get status() { return this.#status_accessor_storage; }
+        set status(value) { this.#status_accessor_storage = value; }
+        #usage_accessor_storage = (__runInitializers(this, _status_extraInitializers), __runInitializers(this, _usage_initializers, {}));
+        get usage() { return this.#usage_accessor_storage; }
+        set usage(value) { this.#usage_accessor_storage = value; }
+        #todos_accessor_storage = (__runInitializers(this, _usage_extraInitializers), __runInitializers(this, _todos_initializers, []));
+        /**
+         * Current task list for the side panel. When empty, the panel derives it
+         * from the newest todo tool call in `messages` (registry kind 'todo'), so
+         * hosts that stream todowrite calls get the sidebar for free.
+         */
+        get todos() { return this.#todos_accessor_storage; }
+        set todos(value) { this.#todos_accessor_storage = value; }
+        #showTodosPanel_accessor_storage = (__runInitializers(this, _todos_extraInitializers), __runInitializers(this, _showTodosPanel_initializers, true));
+        get showTodosPanel() { return this.#showTodosPanel_accessor_storage; }
+        set showTodosPanel(value) { this.#showTodosPanel_accessor_storage = value; }
+        #heading_accessor_storage = (__runInitializers(this, _showTodosPanel_extraInitializers), __runInitializers(this, _heading_initializers, ''));
+        get heading() { return this.#heading_accessor_storage; }
+        set heading(value) { this.#heading_accessor_storage = value; }
+        #subheading_accessor_storage = (__runInitializers(this, _heading_extraInitializers), __runInitializers(this, _subheading_initializers, ''));
+        get subheading() { return this.#subheading_accessor_storage; }
+        set subheading(value) { this.#subheading_accessor_storage = value; }
+        #showToolbar_accessor_storage = (__runInitializers(this, _subheading_extraInitializers), __runInitializers(this, _showToolbar_initializers, true));
+        get showToolbar() { return this.#showToolbar_accessor_storage; }
+        set showToolbar(value) { this.#showToolbar_accessor_storage = value; }
+        #showRoles_accessor_storage = (__runInitializers(this, _showToolbar_extraInitializers), __runInitializers(this, _showRoles_initializers, true));
+        get showRoles() { return this.#showRoles_accessor_storage; }
+        set showRoles(value) { this.#showRoles_accessor_storage = value; }
+        #disabled_accessor_storage = (__runInitializers(this, _showRoles_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+        get disabled() { return this.#disabled_accessor_storage; }
+        set disabled(value) { this.#disabled_accessor_storage = value; }
+        #busy_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _busy_initializers, false));
+        get busy() { return this.#busy_accessor_storage; }
+        set busy(value) { this.#busy_accessor_storage = value; }
+        #queuedCount_accessor_storage = (__runInitializers(this, _busy_extraInitializers), __runInitializers(this, _queuedCount_initializers, 0));
+        /** queued-message count while busy; enables the composer's "Steer now" */
+        get queuedCount() { return this.#queuedCount_accessor_storage; }
+        set queuedCount(value) { this.#queuedCount_accessor_storage = value; }
+        #composerValue_accessor_storage = (__runInitializers(this, _queuedCount_extraInitializers), __runInitializers(this, _composerValue_initializers, ''));
+        get composerValue() { return this.#composerValue_accessor_storage; }
+        set composerValue(value) { this.#composerValue_accessor_storage = value; }
+        #attachments_accessor_storage = (__runInitializers(this, _composerValue_extraInitializers), __runInitializers(this, _attachments_initializers, []));
+        get attachments() { return this.#attachments_accessor_storage; }
+        set attachments(value) { this.#attachments_accessor_storage = value; }
+        #model_accessor_storage = (__runInitializers(this, _attachments_extraInitializers), __runInitializers(this, _model_initializers, ''));
+        get model() { return this.#model_accessor_storage; }
+        set model(value) { this.#model_accessor_storage = value; }
+        #modelOptions_accessor_storage = (__runInitializers(this, _model_extraInitializers), __runInitializers(this, _modelOptions_initializers, []));
+        get modelOptions() { return this.#modelOptions_accessor_storage; }
+        set modelOptions(value) { this.#modelOptions_accessor_storage = value; }
+        #reasoningEffort_accessor_storage = (__runInitializers(this, _modelOptions_extraInitializers), __runInitializers(this, _reasoningEffort_initializers, ''));
+        get reasoningEffort() { return this.#reasoningEffort_accessor_storage; }
+        set reasoningEffort(value) { this.#reasoningEffort_accessor_storage = value; }
+        #effortOptions_accessor_storage = (__runInitializers(this, _reasoningEffort_extraInitializers), __runInitializers(this, _effortOptions_initializers, []));
+        get effortOptions() { return this.#effortOptions_accessor_storage; }
+        set effortOptions(value) { this.#effortOptions_accessor_storage = value; }
+        #toolRegistry_accessor_storage = (__runInitializers(this, _effortOptions_extraInitializers), __runInitializers(this, _toolRegistry_initializers, DeesHarnessToolRegistry.default));
+        get toolRegistry() { return this.#toolRegistry_accessor_storage; }
+        set toolRegistry(value) { this.#toolRegistry_accessor_storage = value; }
+        static styles = [
+            themeDefaultStyles,
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        min-height: 0;
+        height: 100%;
+        font-family: var(--dees-font-family);
+        color: var(--dees-color-text-primary);
+        background: var(--dees-color-bg-primary);
+        container-type: inline-size;
+      }
+
+      .chatBody {
+        flex: 1;
+        min-height: 0;
+        display: flex;
+      }
+
+      .todosPanel {
+        flex: 0 0 232px;
+        min-width: 0;
+        overflow-y: auto;
+        scrollbar-width: thin;
+        scrollbar-color: var(--dees-color-scrollbar-thumb) transparent;
+        padding: var(--dees-spacing-sm) var(--dees-spacing-md);
+        border-left: 1px solid var(--dees-color-border-subtle);
+        background: var(--dees-color-bg-secondary);
+      }
+
+      /* narrow hosts (e.g. a sidebar chat) drop the panel; todo tool cards
+         in the transcript still carry the same information */
+      @container (max-width: 520px) {
+        .todosPanel {
+          display: none;
+        }
+      }
+
+      .toolbar {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: center;
+        gap: var(--dees-spacing-md);
+        padding: var(--dees-spacing-sm) var(--dees-spacing-md);
+        border-bottom: 1px solid var(--dees-color-border-subtle);
+        background: var(--dees-color-bg-secondary);
+      }
+
+      .headingBlock {
+        min-width: 0;
+        flex: 1;
+      }
+
+      .headingText {
+        color: var(--dees-color-text-primary);
+        font-size: var(--dees-font-control-size, 13px);
+        font-weight: 600;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .subheadingText {
+        margin-top: 1px;
+        color: var(--dees-color-text-secondary);
+        font-size: var(--dees-font-caption1-size, 11px);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+
+      .toolbarActions {
+        display: flex;
+        align-items: center;
+        gap: var(--dees-spacing-xs);
+        flex: 0 0 auto;
+      }
+
+      .chatBody dees-harness-message-list {
+        flex: 1;
+        min-height: 0;
+      }
+
+      .permissionQueue {
+        flex: 0 0 auto;
+        display: block;
+        padding: 0 var(--dees-spacing-md);
+        max-height: 40%;
+        overflow-y: auto;
+      }
+
+      .permissionQueue > * + * {
+        margin-top: var(--dees-spacing-xs);
+      }
+
+      /* always mounted so the status leave transition can play; the status
+         element renders empty when idle, collapsing the row to zero height */
+      .statusRow {
+        flex: 0 0 auto;
+        padding: 0 var(--dees-spacing-md);
+      }
+
+      .statusRow dees-harness-status {
+        margin: 0;
+      }
+
+      .composerRow {
+        flex: 0 0 auto;
+        padding: var(--dees-spacing-sm) var(--dees-spacing-md) var(--dees-spacing-md);
+      }
+    `,
+        ];
+        // ---------------------------------------------------------------- methods
+        /** Streams an incremental update into the message list. */
+        applyDelta(delta) {
+            this.listElement?.applyDelta(delta);
+        }
+        async focusComposer() {
+            await this.updateComplete;
+            await this.composerElement?.focusPrompt();
+        }
+        clearComposer() {
+            this.composerValue = '';
+            this.composerElement?.clear();
+        }
+        scrollToBottom(force = false) {
+            this.listElement?.scrollToBottom(force);
+        }
+        get effectiveTodos() {
+            if (this.todos.length)
+                return this.todos;
+            // the newest todo call is the current state — an empty write clears
+            // the panel instead of falling back to an older list
+            for (let index = this.messages.length - 1; index >= 0; index--) {
+                const call = this.messages[index]?.toolCall;
+                if (!call)
+                    continue;
+                if (this.toolRegistry.resolve(call).kind !== 'todo')
+                    continue;
+                return harnessParseTodos(call.input);
+            }
+            return [];
+        }
+        get listElement() {
+            const element = this.shadowRoot?.querySelector('dees-harness-message-list');
+            return element instanceof DeesHarnessMessageList ? element : undefined;
+        }
+        get composerElement() {
+            const element = this.shadowRoot?.querySelector('dees-harness-composer');
+            return element instanceof DeesHarnessComposer ? element : undefined;
+        }
+        // ----------------------------------------------------------------- render
+        render() {
+            return html `
+      ${this.showToolbar ? this.renderToolbar() : ''}
+      <div class="chatBody">
+        <dees-harness-message-list
+          .messages=${this.messages}
+          .status=${idleStatus}
+          .showRoles=${this.showRoles}
+          .toolRegistry=${this.toolRegistry}
+        ></dees-harness-message-list>
+        ${this.showTodosPanel && this.effectiveTodos.length
+                ? html `
+              <aside class="todosPanel">
+                <dees-harness-todos heading="Tasks" .todos=${this.effectiveTodos}></dees-harness-todos>
+              </aside>
+            `
+                : ''}
+      </div>
+      ${this.permissions.length
+                ? html `
+            <div class="permissionQueue">
+              ${this.permissions.map((request) => html `
+                  <dees-harness-permission-card .request=${request} .busy=${this.disabled}></dees-harness-permission-card>
+                `)}
+            </div>
+          `
+                : ''}
+      <div class="statusRow">
+        <dees-harness-status .status=${this.status}></dees-harness-status>
+      </div>
+      <div class="composerRow">
+        <dees-harness-composer
+          .value=${this.composerValue}
+          .attachments=${this.attachments}
+          .disabled=${this.disabled}
+          .busy=${this.busy || this.status.type === 'busy'}
+          .queuedCount=${this.queuedCount}
+          .model=${this.model}
+          .modelOptions=${this.modelOptions}
+          .reasoningEffort=${this.reasoningEffort}
+          .effortOptions=${this.effortOptions}
+          @harness-input=${(event) => {
+                this.composerValue = event.detail?.value ?? '';
+            }}
+          @harness-attachments-change=${(event) => {
+                this.attachments = event.detail?.attachments ?? [];
+            }}
+          @harness-model-change=${(event) => {
+                if (event.detail?.model)
+                    this.model = event.detail.model;
+                if (event.detail?.reasoningEffort)
+                    this.reasoningEffort = event.detail.reasoningEffort;
+            }}
+        ></dees-harness-composer>
+      </div>
+    `;
+        }
+        renderToolbar() {
+            return html `
+      <div class="toolbar">
+        <div class="headingBlock">
+          <div class="headingText">${this.heading || 'Agent'}</div>
+          ${this.subheading ? html `<div class="subheadingText">${this.subheading}</div>` : ''}
+        </div>
+        <div class="toolbarActions">
+          <dees-harness-usage compact .usage=${this.usage}></dees-harness-usage>
+          <dees-button size="sm" type="ghost" title="Conversations" @clicked=${() => this.emit('harness-open-sessions')}>
+            <dees-icon icon="lucide:History" iconSize="14"></dees-icon>
+          </dees-button>
+          <dees-button size="sm" type="ghost" title="New conversation" @clicked=${() => this.emit('harness-new-session')}>
+            <dees-icon icon="lucide:SquarePen" iconSize="14"></dees-icon>
+          </dees-button>
+        </div>
+      </div>
+    `;
+        }
+        emit(name) {
+            this.dispatchEvent(new CustomEvent(name, { detail: {}, bubbles: true, composed: true }));
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _toolRegistry_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesHarnessChat = _classThis;
+})();
+export { DeesHarnessChat };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLWNoYXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1oYXJuZXNzL2RlZXMtaGFybmVzcy1jaGF0L2RlZXMtaGFybmVzcy1jaGF0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkQsT0FBTyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osR0FBRyxFQUNILGFBQWEsRUFFYixRQUFRLEVBQ1IsVUFBVSxHQUNYLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFVdEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDN0QsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkRBQTJELENBQUM7QUFDbkcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDeEYsT0FBTyxpRUFBaUUsQ0FBQztBQUN6RSxPQUFPLCtDQUErQyxDQUFDO0FBQ3ZELE9BQU8sNkNBQTZDLENBQUM7QUFDckQsT0FBTyw2Q0FBNkMsQ0FBQztBQUNyRCxPQUFPLGlEQUFpRCxDQUFDO0FBQ3pELE9BQU8sOENBQThDLENBQUM7QUFRdEQseUVBQXlFO0FBQ3pFLGdFQUFnRTtBQUNoRSxNQUFNLFVBQVUsR0FBbUIsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7QUFFcEQ7Ozs7Ozs7R0FPRztJQUVVLGVBQWU7NEJBRDNCLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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

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

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

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

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

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

@@ -0,0 +1,65 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import type { IHarnessAttachment } from '../interfaces.js';
+import '../../00group-button/dees-button/dees-button.js';
+import '../../00group-input/dees-input-dropdown/dees-input-dropdown.js';
+import '../../00group-utility/dees-icon/dees-icon.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-harness-composer': DeesHarnessComposer;
+    }
+}
+/**
+ * Prompt composer: autogrow textarea, attachments (picker / paste /
+ * drag-drop with per-file and total size limits), optional model and
+ * reasoning-effort dropdowns. Cmd/Ctrl+Enter sends. While busy, Stop is an
+ * additional button and Send stays available for queueing; an empty prompt
+ * with queued messages offers "Steer now".
+ *
+ * Controlled component: `value` and `attachments` are owned by the host;
+ * the composer emits `harness-input`, `harness-attachments-change`,
+ * `harness-attachment-error`, `harness-model-change`, `harness-send`,
+ * `harness-steer`, and `harness-abort` (all bubbling + composed).
+ */
+export declare class DeesHarnessComposer extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor value: string;
+    accessor placeholder: string;
+    accessor disabled: boolean;
+    /**
+     * busy = a run is in flight. Sending stays available (hosts queue the
+     * messages); Stop renders as an additional button. With an empty prompt
+     * and queued messages waiting, the primary action becomes "Steer now"
+     * (harness-steer) to force the agent to continue with the queue.
+     */
+    accessor busy: boolean;
+    /** number of messages the host has queued while the run is busy */
+    accessor queuedCount: number;
+    accessor attachments: IHarnessAttachment[];
+    accessor maxAttachmentBytes: number;
+    accessor maxTotalAttachmentBytes: number;
+    accessor model: string;
+    accessor modelOptions: string[];
+    accessor reasoningEffort: string;
+    accessor effortOptions: string[];
+    accessor showModelControls: boolean;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    focusPrompt(): Promise<void>;
+    clear(): void;
+    render(): TemplateResult;
+    private renderChip;
+    private handleTextInput;
+    private handleKeydown;
+    private autogrow;
+    private handleFileInputChange;
+    private handlePaste;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    addFiles(fileList: FileList | File[] | null): Promise<void>;
+    private send;
+    private emitInput;
+    private emitAttachments;
+    private emitModelChange;
+    private emit;
+}

package/dist_ts_web/elements/00group-harness/dees-harness-composer/dees-harness-composer.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-composer/dees-harness-composer.demo.js

@@ -0,0 +1,55 @@
+import { html } from '@design.estate/dees-element';
+const logEvent = (event) => {
+    console.log(event.type, event.detail);
+};
+export const demoFunc = () => html `
+  <style>
+    .composerDemo {
+      display: grid;
+      gap: 20px;
+      max-width: 680px;
+      margin: 40px auto;
+      padding: 24px;
+      border-radius: var(--dees-radius-xl);
+      background: var(--dees-color-bg-primary);
+    }
+    .composerDemo .label {
+      color: var(--dees-color-text-muted);
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+  </style>
+  <div
+    class="composerDemo"
+    @harness-send=${logEvent}
+    @harness-abort=${logEvent}
+    @harness-input=${logEvent}
+    @harness-attachments-change=${logEvent}
+    @harness-attachment-error=${logEvent}
+    @harness-model-change=${logEvent}
+  >
+    <div class="label">default with model controls (events log to console)</div>
+    <dees-harness-composer
+      model="gpt-5.5"
+      reasoningEffort="high"
+      .modelOptions=${['gpt-5.5', 'gpt-5', 'o4-mini']}
+      .effortOptions=${['xhigh', 'high', 'medium', 'low']}
+    ></dees-harness-composer>
+    <div class="label">busy with text (Stop + Send — sends queue while running)</div>
+    <dees-harness-composer busy value="Refactor the sitemap job…"></dees-harness-composer>
+    <div class="label">busy, empty prompt, 2 queued (Stop + Steer now)</div>
+    <dees-harness-composer busy queuedCount="2"></dees-harness-composer>
+    <div class="label">disabled</div>
+    <dees-harness-composer disabled placeholder="Connect to a project to chat."></dees-harness-composer>
+    <div class="label">with pre-filled attachments, no model controls</div>
+    <dees-harness-composer
+      .showModelControls=${false}
+      .attachments=${[
+    { id: 'a1', name: 'build.log', mediaType: 'text/plain', size: 5120, kind: 'text' },
+    { id: 'a2', name: 'screenshot.png', mediaType: 'image/png', size: 44_000, kind: 'image' },
+]}
+    ></dees-harness-composer>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLWNvbXBvc2VyLmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1oYXJuZXNzL2RlZXMtaGFybmVzcy1jb21wb3Nlci9kZWVzLWhhcm5lc3MtY29tcG9zZXIuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxRQUFRLEdBQUcsQ0FBQyxLQUFrQixFQUFFLEVBQUU7SUFDdEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUN4QyxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztvQkFvQmQsUUFBUTtxQkFDUCxRQUFRO3FCQUNSLFFBQVE7a0NBQ0ssUUFBUTtnQ0FDVixRQUFROzRCQUNaLFFBQVE7Ozs7OztzQkFNZCxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxDQUFDO3VCQUM5QixDQUFDLE9BQU8sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQzs7Ozs7Ozs7OzsyQkFVOUIsS0FBSztxQkFDWDtJQUNiLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsTUFBZSxFQUFFO0lBQzNGLEVBQUUsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxPQUFnQixFQUFFO0NBQ25HOzs7Q0FHTixDQUFDIn0=