@design.estate/dees-catalog 3.91.0 → 3.92.0

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

@@ -0,0 +1,282 @@
+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-permission-card.demo.js';
+import { DeesElement, html, css, customElement, property, state, cssManager, } from '@design.estate/dees-element';
+import { themeDefaultStyles } from '../../00theme.js';
+import { harnessStringifyValue } from '../harness.helpers.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';
+const badgeTypeForPermission = (permissionType) => {
+    if (permissionType === 'delete' || permissionType === 'shell')
+        return 'error';
+    if (permissionType === 'write' || permissionType === 'browser')
+        return 'warning';
+    return 'default';
+};
+/**
+ * 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`.
+ */
+let DeesHarnessPermissionCard = (() => {
+    let _classDecorators = [customElement('dees-harness-permission-card')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _request_decorators;
+    let _request_initializers = [];
+    let _request_extraInitializers = [];
+    let _busy_decorators;
+    let _busy_initializers = [];
+    let _busy_extraInitializers = [];
+    let _remember_decorators;
+    let _remember_initializers = [];
+    let _remember_extraInitializers = [];
+    let _answered_decorators;
+    let _answered_initializers = [];
+    let _answered_extraInitializers = [];
+    var DeesHarnessPermissionCard = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _request_decorators = [property({ attribute: false })];
+            _busy_decorators = [property({ type: Boolean })];
+            _remember_decorators = [state()];
+            _answered_decorators = [state()];
+            __esDecorate(this, null, _request_decorators, { kind: "accessor", name: "request", static: false, private: false, access: { has: obj => "request" in obj, get: obj => obj.request, set: (obj, value) => { obj.request = value; } }, metadata: _metadata }, _request_initializers, _request_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, _remember_decorators, { kind: "accessor", name: "remember", static: false, private: false, access: { has: obj => "remember" in obj, get: obj => obj.remember, set: (obj, value) => { obj.remember = value; } }, metadata: _metadata }, _remember_initializers, _remember_extraInitializers);
+            __esDecorate(this, null, _answered_decorators, { kind: "accessor", name: "answered", static: false, private: false, access: { has: obj => "answered" in obj, get: obj => obj.answered, set: (obj, value) => { obj.answered = value; } }, metadata: _metadata }, _answered_initializers, _answered_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesHarnessPermissionCard = _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'];
+        #request_accessor_storage = __runInitializers(this, _request_initializers, { id: '', title: '', type: 'permission' });
+        get request() { return this.#request_accessor_storage; }
+        set request(value) { this.#request_accessor_storage = value; }
+        #busy_accessor_storage = (__runInitializers(this, _request_extraInitializers), __runInitializers(this, _busy_initializers, false));
+        get busy() { return this.#busy_accessor_storage; }
+        set busy(value) { this.#busy_accessor_storage = value; }
+        #remember_accessor_storage = (__runInitializers(this, _busy_extraInitializers), __runInitializers(this, _remember_initializers, false));
+        get remember() { return this.#remember_accessor_storage; }
+        set remember(value) { this.#remember_accessor_storage = value; }
+        #answered_accessor_storage = (__runInitializers(this, _remember_extraInitializers), __runInitializers(this, _answered_initializers, undefined));
+        get answered() { return this.#answered_accessor_storage; }
+        set answered(value) { this.#answered_accessor_storage = value; }
+        static styles = [
+            themeDefaultStyles,
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        font-family: var(--dees-font-family);
+        /* entry: new boxes make space for themselves while fading in.
+           A keyframes animation (not a transition) so the parent tree's
+           universal theme-transition rule cannot override it in the shadow
+           cascade; interpolate-size lets height animate from 0 to auto
+           (Chromium 129+), elsewhere the height snaps and opacity still
+           fades. */
+        interpolate-size: allow-keywords;
+        overflow: clip;
+        animation: harness-entry var(--dees-transition-default) var(--dees-ease-out);
+      }
+
+      @keyframes harness-entry {
+        from {
+          height: 0;
+          margin-top: 0;
+          opacity: 0;
+        }
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        :host {
+          animation: none;
+        }
+      }
+
+      .card {
+        padding: var(--dees-spacing-sm) var(--dees-spacing-md);
+        border: 1px solid var(--dees-color-border-default);
+        border-left: 2px solid var(--dees-color-accent-warning);
+        border-radius: var(--dees-radius-lg);
+        corner-shape: var(--dees-corner-shape);
+        background: var(--dees-color-badge-warning-bg);
+      }
+
+      .titleRow {
+        display: flex;
+        align-items: center;
+        gap: var(--dees-spacing-sm);
+        margin-bottom: var(--dees-spacing-xs);
+      }
+
+      .titleRow dees-icon {
+        color: var(--dees-color-accent-warning);
+      }
+
+      .title {
+        flex: 1;
+        min-width: 0;
+        color: var(--dees-color-text-primary);
+        font-size: var(--dees-font-control-size-sm, 12px);
+        font-weight: 600;
+      }
+
+      .metaGrid {
+        display: grid;
+        grid-template-columns: auto minmax(0, 1fr);
+        gap: 2px var(--dees-spacing-md);
+        margin: var(--dees-spacing-xs) 0 var(--dees-spacing-sm);
+        font-size: var(--dees-font-caption1-size, 11px);
+      }
+
+      .metaKey {
+        color: var(--dees-color-text-secondary);
+        white-space: nowrap;
+      }
+
+      .metaValue {
+        color: var(--dees-color-text-primary);
+        font-family: var(--dees-font-family-mono);
+        overflow-wrap: anywhere;
+      }
+
+      .actions {
+        display: flex;
+        align-items: center;
+        gap: var(--dees-spacing-sm);
+        flex-wrap: wrap;
+      }
+
+      .rememberLabel {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--dees-spacing-xs);
+        margin-left: auto;
+        color: var(--dees-color-text-secondary);
+        font-size: var(--dees-font-caption1-size, 11px);
+        cursor: pointer;
+        user-select: none;
+      }
+
+      .answeredNote {
+        color: var(--dees-color-text-secondary);
+        font-size: var(--dees-font-caption1-size, 11px);
+      }
+    `,
+        ];
+        render() {
+            const request = this.request;
+            const disabled = this.busy || this.answered !== undefined;
+            const metadataEntries = Object.entries(request.metadata ?? {});
+            return html `
+      <div class="card">
+        <div class="titleRow">
+          <dees-icon icon="lucide:ShieldQuestionMark" iconSize="15"></dees-icon>
+          <span class="title">${request.title || 'Permission requested'}</span>
+          <dees-badge type=${badgeTypeForPermission(request.type)} .text=${request.type} rounded></dees-badge>
+        </div>
+        ${metadataEntries.length
+                ? html `
+              <div class="metaGrid">
+                ${metadataEntries.map(([key, value]) => html `
+                  <div class="metaKey">${key}</div>
+                  <div class="metaValue">${harnessStringifyValue(value)}</div>
+                `)}
+              </div>
+            `
+                : ''}
+        <div class="actions">
+          ${this.answered
+                ? html `<span class="answeredNote">Answered: ${this.answered}${this.remember ? ' (remembered)' : ''}</span>`
+                : html `
+                <dees-button type="accent" size="sm" ?disabled=${disabled} @clicked=${() => this.respond('once')}>
+                  Allow Once
+                </dees-button>
+                <dees-button size="sm" ?disabled=${disabled} @clicked=${() => this.respond('always')}>
+                  Always Allow
+                </dees-button>
+                <dees-button type="destructive" size="sm" ?disabled=${disabled} @clicked=${() => this.respond('reject')}>
+                  Reject
+                </dees-button>
+                <label class="rememberLabel">
+                  <input
+                    type="checkbox"
+                    .checked=${this.remember}
+                    ?disabled=${disabled}
+                    @change=${(event) => {
+                    this.remember = event.currentTarget.checked;
+                }}
+                  />
+                  remember for this session
+                </label>
+              `}
+        </div>
+      </div>
+    `;
+        }
+        respond(response) {
+            if (this.busy || this.answered !== undefined)
+                return;
+            this.answered = response;
+            this.dispatchEvent(new CustomEvent('harness-permission-response', {
+                detail: {
+                    requestId: this.request.id,
+                    response,
+                    remember: this.remember || response === 'always',
+                    request: this.request,
+                },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _answered_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesHarnessPermissionCard = _classThis;
+})();
+export { DeesHarnessPermissionCard };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLXBlcm1pc3Npb24tY2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWhhcm5lc3MvZGVlcy1oYXJuZXNzLXBlcm1pc3Npb24tY2FyZC9kZWVzLWhhcm5lc3MtcGVybWlzc2lvbi1jYXJkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDbEUsT0FBTyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osR0FBRyxFQUNILGFBQWEsRUFFYixRQUFRLEVBQ1IsS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXRELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzlELE9BQU8saURBQWlELENBQUM7QUFDekQsT0FBTyxpREFBaUQsQ0FBQztBQUN6RCxPQUFPLDhDQUE4QyxDQUFDO0FBUXRELE1BQU0sc0JBQXNCLEdBQUcsQ0FBQyxjQUFzQixFQUFtQyxFQUFFO0lBQ3pGLElBQUksY0FBYyxLQUFLLFFBQVEsSUFBSSxjQUFjLEtBQUssT0FBTztRQUFFLE9BQU8sT0FBTyxDQUFDO0lBQzlFLElBQUksY0FBYyxLQUFLLE9BQU8sSUFBSSxjQUFjLEtBQUssU0FBUztRQUFFLE9BQU8sU0FBUyxDQUFDO0lBQ2pGLE9BQU8sU0FBUyxDQUFDO0FBQ25CLENBQUMsQ0FBQztBQUVGOzs7OztHQUtHO0lBRVUseUJBQXlCOzRCQURyQyxhQUFhLENBQUMsOEJBQThCLENBQUM7Ozs7c0JBQ0MsV0FBVzs7Ozs7Ozs7Ozs7Ozt5Q0FBbkIsU0FBUSxXQUFXOzs7O21DQUl2RCxRQUFRLENBQUMsRUFBRSxTQUFTLEVBQUUsS0FB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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import type { IHarnessReasoningPart } from '../interfaces.js';
+import '../../00group-utility/dees-icon/dees-icon.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-harness-reasoning': DeesHarnessReasoning;
+    }
+}
+/**
+ * Reasoning ("thinking") disclosure for one reasoning part. Auto-opens while
+ * the part is streaming (no endedAt) unless the user has interacted; the
+ * user's expand/collapse choice wins afterwards and survives re-renders
+ * because it lives on this element, not in the parent's template.
+ */
+export declare class DeesHarnessReasoning extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor reasoningPart: IHarnessReasoningPart;
+    accessor expanded: boolean | undefined;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    get isStreaming(): boolean;
+    get isOpen(): boolean;
+    render(): TemplateResult;
+}

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

@@ -0,0 +1,32 @@
+import { html } from '@design.estate/dees-element';
+export const demoFunc = () => html `
+  <style>
+    .reasoningDemo {
+      display: grid;
+      gap: 16px;
+      max-width: 640px;
+      margin: 40px auto;
+      padding: 24px;
+      border-radius: var(--dees-radius-xl);
+      background: var(--dees-color-bg-secondary);
+    }
+  </style>
+  <div class="reasoningDemo">
+    <dees-harness-reasoning
+      .reasoningPart=${{
+    id: 'r1',
+    text: 'The user wants a summary of the failing test. I should read the test output first, then check the assertion that failed and compare with the fixture data.',
+    startedAt: Date.now() - 4200,
+    endedAt: Date.now(),
+}}
+    ></dees-harness-reasoning>
+    <dees-harness-reasoning
+      .reasoningPart=${{
+    id: 'r2',
+    text: 'Considering the tradeoffs between the two migration paths',
+    startedAt: Date.now() - 1500,
+}}
+    ></dees-harness-reasoning>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLXJlYXNvbmluZy5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtaGFybmVzcy9kZWVzLWhhcm5lc3MtcmVhc29uaW5nL2RlZXMtaGFybmVzcy1yZWFzb25pbmcuZGVtby50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Ozs7Ozs7Ozs7Ozs7dUJBY1g7SUFDZixFQUFFLEVBQUUsSUFBSTtJQUNSLElBQUksRUFBRSw0SkFBNEo7SUFDbEssU0FBUyxFQUFFLElBQUksQ0FBQyxHQUFHLEVBQUUsR0FBRyxJQUFJO0lBQzVCLE9BQU8sRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFO0NBQ3BCOzs7dUJBR2dCO0lBQ2YsRUFBRSxFQUFFLElBQUk7SUFDUixJQUFJLEVBQUUsMkRBQTJEO0lBQ2pFLFNBQVMsRUFBRSxJQUFJLENBQUMsR0FBRyxFQUFFLEdBQUcsSUFBSTtDQUM3Qjs7O0NBR04sQ0FBQyJ9

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

@@ -0,0 +1,241 @@
+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-reasoning.demo.js';
+import { DeesElement, html, css, customElement, property, state, cssManager, } from '@design.estate/dees-element';
+import { themeDefaultStyles } from '../../00theme.js';
+import { harnessFormatDuration } from '../harness.helpers.js';
+import '../../00group-utility/dees-icon/dees-icon.js';
+/**
+ * Reasoning ("thinking") disclosure for one reasoning part. Auto-opens while
+ * the part is streaming (no endedAt) unless the user has interacted; the
+ * user's expand/collapse choice wins afterwards and survives re-renders
+ * because it lives on this element, not in the parent's template.
+ */
+let DeesHarnessReasoning = (() => {
+    let _classDecorators = [customElement('dees-harness-reasoning')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _reasoningPart_decorators;
+    let _reasoningPart_initializers = [];
+    let _reasoningPart_extraInitializers = [];
+    let _expanded_decorators;
+    let _expanded_initializers = [];
+    let _expanded_extraInitializers = [];
+    var DeesHarnessReasoning = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _reasoningPart_decorators = [property({ attribute: false })];
+            _expanded_decorators = [state()];
+            __esDecorate(this, null, _reasoningPart_decorators, { kind: "accessor", name: "reasoningPart", static: false, private: false, access: { has: obj => "reasoningPart" in obj, get: obj => obj.reasoningPart, set: (obj, value) => { obj.reasoningPart = value; } }, metadata: _metadata }, _reasoningPart_initializers, _reasoningPart_extraInitializers);
+            __esDecorate(this, null, _expanded_decorators, { kind: "accessor", name: "expanded", static: false, private: false, access: { has: obj => "expanded" in obj, get: obj => obj.expanded, set: (obj, value) => { obj.expanded = value; } }, metadata: _metadata }, _expanded_initializers, _expanded_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesHarnessReasoning = _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'];
+        #reasoningPart_accessor_storage = __runInitializers(this, _reasoningPart_initializers, { id: '', text: '' });
+        get reasoningPart() { return this.#reasoningPart_accessor_storage; }
+        set reasoningPart(value) { this.#reasoningPart_accessor_storage = value; }
+        #expanded_accessor_storage = (__runInitializers(this, _reasoningPart_extraInitializers), __runInitializers(this, _expanded_initializers, undefined));
+        get expanded() { return this.#expanded_accessor_storage; }
+        set expanded(value) { this.#expanded_accessor_storage = value; }
+        static styles = [
+            themeDefaultStyles,
+            cssManager.defaultStyles,
+            css `
+      :host {
+        display: block;
+        font-family: var(--dees-font-family);
+      }
+
+      .reasoning {
+        border: 1px solid var(--dees-color-border-subtle);
+        border-radius: var(--dees-radius-md);
+        corner-shape: var(--dees-corner-shape);
+        background: var(--dees-color-bg-tertiary);
+        overflow: hidden;
+        animation: harness-reasoning-enter var(--dees-transition-default) var(--dees-ease-out);
+      }
+
+      @keyframes harness-reasoning-enter {
+        from {
+          opacity: 0;
+          transform: translateY(-3px);
+        }
+        to {
+          opacity: 1;
+          transform: translateY(0);
+        }
+      }
+
+      /* Expand/collapse animates through the 0fr→1fr grid trick so the body
+         stays in the DOM and both directions transition smoothly. */
+      .bodyWrap {
+        display: grid;
+        grid-template-rows: 0fr;
+        transition: grid-template-rows var(--dees-transition-default) var(--dees-ease-standard);
+      }
+
+      .bodyWrap.open {
+        grid-template-rows: 1fr;
+      }
+
+      .bodyWrap > .bodyClip {
+        overflow: hidden;
+        min-height: 0;
+      }
+
+      @media (prefers-reduced-motion: reduce) {
+        .reasoning {
+          animation: none;
+        }
+        .bodyWrap,
+        .chevron {
+          transition: none;
+        }
+      }
+
+      .summary {
+        width: 100%;
+        display: flex;
+        align-items: center;
+        gap: var(--dees-spacing-sm);
+        padding: var(--dees-spacing-xs) var(--dees-spacing-md);
+        border: 0;
+        background: transparent;
+        color: var(--dees-color-text-secondary);
+        cursor: pointer;
+        font-family: inherit;
+        font-size: var(--dees-font-caption1-size, 11px);
+        font-weight: 600;
+        text-align: left;
+      }
+
+      .summary:hover {
+        color: var(--dees-color-text-primary);
+      }
+
+      .chevron {
+        display: grid;
+        place-items: center;
+        transition: transform var(--dees-transition-fast) var(--dees-ease-standard);
+      }
+
+      .chevron.open {
+        transform: rotate(90deg);
+      }
+
+      .duration {
+        margin-left: auto;
+        color: var(--dees-color-text-muted);
+        font-weight: 400;
+      }
+
+      .thinkingDots::after {
+        content: '';
+        display: inline-block;
+        width: 1.2em;
+        text-align: left;
+        animation: harness-reasoning-dots 1.2s steps(4, end) infinite;
+      }
+
+      @keyframes harness-reasoning-dots {
+        0% { content: ''; }
+        25% { content: '.'; }
+        50% { content: '..'; }
+        75%, 100% { content: '...'; }
+      }
+
+      .body {
+        margin: 0;
+        padding: 0 var(--dees-spacing-md) var(--dees-spacing-sm);
+        color: var(--dees-color-text-secondary);
+        white-space: pre-wrap;
+        overflow-wrap: anywhere;
+        font-size: var(--dees-font-caption1-size, 11px);
+        line-height: 1.5;
+      }
+    `,
+        ];
+        get isStreaming() {
+            return Boolean(this.reasoningPart.startedAt) && !this.reasoningPart.endedAt;
+        }
+        get isOpen() {
+            return this.expanded ?? this.isStreaming;
+        }
+        render() {
+            const duration = harnessFormatDuration(this.reasoningPart.startedAt, this.reasoningPart.endedAt);
+            return html `
+      <div class="reasoning">
+        <button
+          class="summary"
+          type="button"
+          aria-expanded=${this.isOpen ? 'true' : 'false'}
+          @click=${() => {
+                this.expanded = !this.isOpen;
+            }}
+        >
+          <span class="chevron ${this.isOpen ? 'open' : ''}">
+            <dees-icon icon="lucide:ChevronRight" iconSize="12"></dees-icon>
+          </span>
+          <span class=${this.isStreaming ? 'thinkingDots' : ''}>
+            ${this.isStreaming ? 'Thinking' : 'Thought'}
+          </span>
+          ${duration ? html `<span class="duration">${duration}</span>` : ''}
+        </button>
+        <div class="bodyWrap ${this.isOpen ? 'open' : ''}" aria-hidden=${this.isOpen ? 'false' : 'true'}>
+          <div class="bodyClip">
+            <pre class="body">${this.reasoningPart.text || (this.isStreaming ? 'Waiting for reasoning…' : 'No reasoning emitted.')}</pre>
+          </div>
+        </div>
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _expanded_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesHarnessReasoning = _classThis;
+})();
+export { DeesHarnessReasoning };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oYXJuZXNzLXJlYXNvbmluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3RzX3dlYi9lbGVtZW50cy8wMGdyb3VwLWhhcm5lc3MvZGVlcy1oYXJuZXNzLXJlYXNvbmluZy9kZWVzLWhhcm5lc3MtcmVhc29uaW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUQsT0FBTyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osR0FBRyxFQUNILGFBQWEsRUFFYixRQUFRLEVBQ1IsS0FBSyxFQUNMLFVBQVUsR0FDWCxNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXRELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzlELE9BQU8sOENBQThDLENBQUM7QUFRdEQ7Ozs7O0dBS0c7SUFFVSxvQkFBb0I7NEJBRGhDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7O29DQUFuQixTQUFRLFdBQVc7Ozs7eUNBSWxELFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztvQ0FHOUIsS0FBSyxFQUFFO1lBRlIsNExBQVMsYUFBYSw2QkFBYixhQUFhLHFHQUErQztZQUdyRSw2S0FBUyxRQUFRLDZCQUFSLFFBQVEsMkZBQWtDO1lBUnJELDZLQXFLQzs7OztRQXBLUSxNQUFNLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQztRQUN2QixNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7UUFHMUMsdUZBQWdELEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLEVBQUM7UUFBckUsSUFBUyxhQUFhLG1EQUErQztRQUFyRSxJQUFTLGFBQWEseURBQStDO1FBR3JFLHlJQUF5QyxTQUFTLEdBQUM7UUFBbkQsSUFBUyxRQUFRLDhDQUFrQztRQUFuRCxJQUFTLFFBQVEsb0RBQWtDO1FBRTVDLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsa0JBQWtCO1lBQ2xCLFVBQVUsQ0FBQyxhQUFhO1lBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0FpSEY7U0FDRixDQUFDO1FBRUYsSUFBVyxXQUFXO1lBQ3BCLE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQztRQUM5RSxDQUFDO1FBRUQsSUFBVyxNQUFNO1lBQ2YsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDM0MsQ0FBQztRQUVNLE1BQU07WUFDWCxNQUFNLFFBQVEsR0FBRyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQ2pHLE9BQU8sSUFBSSxDQUFBOzs7OzswQkFLVyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU87bUJBQ3JDLEdBQUcsRUFBRTtnQkFDWixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQztZQUMvQixDQUFDOztpQ0FFc0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFOzs7d0JBR2xDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsRUFBRTtjQUNoRCxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVM7O1lBRTNDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLDBCQUEwQixRQUFRLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTs7K0JBRTVDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxpQkFBaUIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNOztnQ0FFdkUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUM7Ozs7S0FJN0gsQ0FBQztRQUNKLENBQUM7Ozs7OztZQXBLVSx1REFBb0I7Ozs7O1NBQXBCLG9CQUFvQiJ9

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

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

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

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

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

@@ -0,0 +1,28 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import type { IHarnessSessionMeta } from '../interfaces.js';
+import '../../00group-utility/dees-icon/dees-icon.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-harness-session-list': DeesHarnessSessionList;
+    }
+}
+/**
+ * Searchable conversation list, embeddable in a sidebar or a DeesModal.
+ * Emits `harness-session-select` on click and `harness-session-open` on
+ * double-click or Enter.
+ */
+export declare class DeesHarnessSessionList extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor sessions: IHarnessSessionMeta[];
+    accessor selectedSessionId: string;
+    accessor loading: boolean;
+    accessor emptyText: string;
+    accessor search: string;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    private get filteredSessions();
+    focusSearch(): void;
+    render(): TemplateResult;
+    private renderItem;
+    private emit;
+}

package/dist_ts_web/elements/00group-harness/dees-harness-session-list/dees-harness-session-list.demo.d.ts

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