@design.estate/dees-catalog 9.8.0 → 11.0.0

package/dist_ts_web/elements/00group-feedback/dees-hint/dees-hint.d.ts

@@ -1,14 +1,25 @@
-import { DeesElement, type CSSResult, type TemplateResult } from '@design.estate/dees-element';
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import '../../00group-utility/dees-icon/dees-icon.js';
 declare global {
     interface HTMLElementTagNameMap {
         'dees-hint': DeesHint;
     }
 }
+export type THintType = 'info' | 'success' | 'warning' | 'error';
+/**
+ * An inline advisory note next to the thing it explains. Use `text` for a plain
+ * sentence and the default slot for markup; both render when both are set.
+ * For a hover-revealed label on a control, use the control's own tooltip.
+ */
 export declare class DeesHint extends DeesElement {
     static demo: () => TemplateResult<1>;
     static demoGroups: string[];
-    accessor type: 'info' | 'warn' | 'error' | 'critical';
+    accessor type: THintType;
+    /** The hint sentence. Rendered before any slotted content. */
+    accessor text: string;
+    private accessor hasSlottedContent;
     constructor();
-    static styles: CSSResult[];
+    static styles: import("@design.estate/dees-element").CSSResult[];
     render(): TemplateResult;
+    private handleSlotChange;
 }

package/dist_ts_web/elements/00group-feedback/dees-hint/dees-hint.demo.js

@@ -1,5 +1,24 @@
 import { html } from '@design.estate/dees-element';
-export const demoFunc = () => html `
-  <dees-hint></dees-hint>
-`;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oaW50LmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1mZWVkYmFjay9kZWVzLWhpbnQvZGVlcy1oaW50LmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7O0NBRWpDLENBQUMifQ==
+import { demoPage, demoSection, demoCode } from '../../../demos/templates.js';
+export const demoFunc = () => demoPage('Hint', 'An inline note next to the thing it explains. Four types carry the catalog status colors; a plain sentence or slotted markup both work.', html `
+  ${demoSection('Types', 'The type chooses the icon and the accent color. Info is the default.', html `
+    <dees-hint text="Workspace names are visible to everyone you invite."></dees-hint>
+    <dees-hint type="success" text="Your changes are saved and shared with your team."></dees-hint>
+    <dees-hint type="warning" text="This workspace has no owner. Assign one before the trial ends."></dees-hint>
+    <dees-hint type="error" text="The deployment could not reach the registry."></dees-hint>
+    ${demoCode('<dees-hint type="warning" text="Assign an owner before the trial ends."></dees-hint>')}
+  `)}
+  ${demoSection('Slotted content', 'Use the default slot when the note needs markup. Text and slotted content render together.', html `
+    <dees-hint type="info">Read the <a href="https://code.foss.global/design.estate/dees-catalog">component index</a> before adding a control.</dees-hint>
+    <dees-hint type="warning" text="Rotation is due.">
+      <strong> Keys older than 90 days stop working.</strong>
+    </dees-hint>
+    ${demoCode('<dees-hint type="info">Read the <a href="…">component index</a> first.</dees-hint>')}
+  `)}
+  ${demoSection('Empty hints', 'A hint with neither text nor slotted content reserves no space, so a conditional note needs no wrapper.', html `
+    <p class="dees-demo-caption">There is an empty hint between these two lines.</p>
+    <dees-hint></dees-hint>
+    <p class="dees-demo-caption">It renders nothing until it is given text.</p>
+  `)}
+`);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oaW50LmRlbW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1mZWVkYmFjay9kZWVzLWhpbnQvZGVlcy1oaW50LmRlbW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRTlFLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsTUFBTSxFQUFFLHlJQUF5SSxFQUFFLElBQUksQ0FBQTtJQUMxTCxXQUFXLENBQUMsT0FBTyxFQUFFLHNFQUFzRSxFQUFFLElBQUksQ0FBQTs7Ozs7TUFLL0YsUUFBUSxDQUFDLHNGQUFzRixDQUFDO0dBQ25HLENBQUM7SUFDQSxXQUFXLENBQUMsaUJBQWlCLEVBQUUsNEZBQTRGLEVBQUUsSUFBSSxDQUFBOzs7OztNQUsvSCxRQUFRLENBQUMsb0ZBQW9GLENBQUM7R0FDakcsQ0FBQztJQUNBLFdBQVcsQ0FBQyxhQUFhLEVBQUUseUdBQXlHLEVBQUUsSUFBSSxDQUFBOzs7O0dBSTNJLENBQUM7Q0FDSCxDQUFDLENBQUMifQ==

package/dist_ts_web/elements/00group-feedback/dees-hint/dees-hint.js

@@ -32,10 +32,22 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     }
     return useValue ? value : void 0;
 };
-import { DeesElement, css, cssManager, customElement, html, property, } from '@design.estate/dees-element';
+import { DeesElement, css, cssManager, customElement, html, property, state, } from '@design.estate/dees-element';
 import * as domtools from '@design.estate/dees-domtools';
 import { demoFunc } from './dees-hint.demo.js';
 import { themeDefaultStyles } from '../../00theme.js';
+import '../../00group-utility/dees-icon/dees-icon.js';
+const hintIcons = {
+    info: 'lucide:Info',
+    success: 'lucide:CircleCheck',
+    warning: 'lucide:TriangleAlert',
+    error: 'lucide:CircleAlert',
+};
+/**
+ * An inline advisory note next to the thing it explains. Use `text` for a plain
+ * sentence and the default slot for markup; both render when both are set.
+ * For a hover-revealed label on a control, use the control's own tooltip.
+ */
 let DeesHint = (() => {
     let _classDecorators = [customElement('dees-hint')];
     let _classDescriptor;
@@ -45,12 +57,22 @@ let DeesHint = (() => {
     let _type_decorators;
     let _type_initializers = [];
     let _type_extraInitializers = [];
+    let _text_decorators;
+    let _text_initializers = [];
+    let _text_extraInitializers = [];
+    let _hasSlottedContent_decorators;
+    let _hasSlottedContent_initializers = [];
+    let _hasSlottedContent_extraInitializers = [];
     var DeesHint = class extends _classSuper {
         static { _classThis = this; }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _type_decorators = [property({ type: String })];
+            _type_decorators = [property({ type: String, reflect: true })];
+            _text_decorators = [property({ type: String })];
+            _hasSlottedContent_decorators = [state()];
             __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
+            __esDecorate(this, null, _text_decorators, { kind: "accessor", name: "text", static: false, private: false, access: { has: obj => "text" in obj, get: obj => obj.text, set: (obj, value) => { obj.text = value; } }, metadata: _metadata }, _text_initializers, _text_extraInitializers);
+            __esDecorate(this, null, _hasSlottedContent_decorators, { kind: "accessor", name: "hasSlottedContent", static: false, private: false, access: { has: obj => "hasSlottedContent" in obj, get: obj => obj.hasSlottedContent, set: (obj, value) => { obj.hasSlottedContent = value; } }, metadata: _metadata }, _hasSlottedContent_initializers, _hasSlottedContent_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             DeesHint = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
@@ -60,9 +82,15 @@ let DeesHint = (() => {
         #type_accessor_storage = __runInitializers(this, _type_initializers, 'info');
         get type() { return this.#type_accessor_storage; }
         set type(value) { this.#type_accessor_storage = value; }
+        #text_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _text_initializers, ''));
+        /** The hint sentence. Rendered before any slotted content. */
+        get text() { return this.#text_accessor_storage; }
+        set text(value) { this.#text_accessor_storage = value; }
+        #hasSlottedContent_accessor_storage = (__runInitializers(this, _text_extraInitializers), __runInitializers(this, _hasSlottedContent_initializers, false));
+        get hasSlottedContent() { return this.#hasSlottedContent_accessor_storage; }
+        set hasSlottedContent(value) { this.#hasSlottedContent_accessor_storage = value; }
         constructor() {
             super();
-            __runInitializers(this, _type_extraInitializers);
             domtools.elementBasic.setup();
         }
         static styles = [themeDefaultStyles, cssManager.defaultStyles, css `
@@ -70,15 +98,59 @@ let DeesHint = (() => {
         display: block;
         font-family: var(--dees-font-family);
         color: var(--dees-color-text-primary);
+        --dees-hint-accent: var(--dees-color-accent-primary);
       }
 
+      :host([type='success']) { --dees-hint-accent: var(--dees-color-text-success); }
+      :host([type='warning']) { --dees-hint-accent: var(--dees-color-text-warning); }
+      :host([type='error']) { --dees-hint-accent: var(--dees-color-text-error); }
+
       .mainbox {
         box-sizing: border-box;
+        display: flex;
+        align-items: flex-start;
+        gap: var(--dees-spacing-sm);
+        padding: var(--dees-spacing-sm) var(--dees-spacing-md);
+        border: 1px solid color-mix(in srgb, var(--dees-hint-accent) 28%, transparent);
+        border-radius: var(--dees-radius-lg);
+        corner-shape: var(--dees-corner-shape);
+        background: color-mix(in srgb, var(--dees-hint-accent) 8%, transparent);
+        font-size: var(--dees-font-footnote-size);
+        line-height: var(--dees-font-footnote-line);
+        overflow-wrap: anywhere;
+      }
+
+      /* An element with neither text nor slotted content reserves no space. */
+      .mainbox.empty {
+        display: none;
+      }
+
+      .icon {
+        flex-shrink: 0;
+        color: var(--dees-hint-accent);
+        font-size: 16px;
+        /* Optically aligns the glyph with the first line of text. */
+        margin-top: 1px;
+      }
+
+      .content {
+        min-width: 0;
+        color: var(--dees-color-text-secondary);
       }
     `];
         render() {
-            return html ` <div class="mainbox"></div> `;
+            const isEmpty = !this.text && !this.hasSlottedContent;
+            return html `
+      <div class="mainbox ${isEmpty ? 'empty' : ''}" role="note">
+        <dees-icon class="icon" aria-hidden="true" .icon=${hintIcons[this.type] ?? hintIcons.info}></dees-icon>
+        <div class="content">${this.text}<slot @slotchange=${this.handleSlotChange}></slot></div>
+      </div>
+    `;
         }
+        handleSlotChange = (__runInitializers(this, _hasSlottedContent_extraInitializers), (eventArg) => {
+            const assigned = eventArg.target.assignedNodes({ flatten: true });
+            this.hasSlottedContent = assigned.some((node) => node.nodeType === Node.ELEMENT_NODE || (node.textContent ?? '').trim().length > 0);
+        });
         static {
             __runInitializers(_classThis, _classExtraInitializers);
         }
@@ -86,4 +158,4 @@ let DeesHint = (() => {
     return DeesHint = _classThis;
 })();
 export { DeesHint };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oaW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtZmVlZGJhY2svZGVlcy1oaW50L2RlZXMtaGludC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxHQUFHLEVBQ0gsVUFBVSxFQUNWLGFBQWEsRUFDYixJQUFJLEVBQ0osUUFBUSxHQUdULE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxLQUFLLFFBQVEsTUFBTSw4QkFBOEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7SUFTekMsUUFBUTs0QkFEcEIsYUFBYSxDQUFDLFdBQVcsQ0FBQzs7OztzQkFDRyxXQUFXOzs7O3dCQUFuQixTQUFRLFdBQVc7Ozs7Z0NBSXRDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztZQUMzQixpS0FBUyxJQUFJLDZCQUFKLElBQUksbUZBQWtEO1lBTGpFLDZLQTJCQzs7OztRQTFCUSxNQUFNLENBQUMsSUFBSSxHQUFHLFFBQVEsQ0FBQztRQUN2QixNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7UUFHeEMscUVBQXdELE1BQU0sRUFBQztRQUEvRCxJQUFTLElBQUksMENBQWtEO1FBQS9ELElBQVMsSUFBSSxnREFBa0Q7UUFFL0Q7WUFDRSxLQUFLLEVBQUUsQ0FBQzs7WUFDUixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQy9CO1FBRU0sTUFBTSxDQUFDLE1BQU0sR0FBRyxDQUFDLGtCQUFrQixFQUFFLFVBQVUsQ0FBQyxhQUFhLEVBQUUsR0FBRyxDQUFBOzs7Ozs7Ozs7O0tBVXRFLENBQUMsQ0FBQztRQUVFLE1BQU07WUFDWCxPQUFPLElBQUksQ0FBQSwrQkFBK0IsQ0FBQztRQUM3QyxDQUFDOztZQTFCVSx1REFBUTs7Ozs7U0FBUixRQUFRIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1oaW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vdHNfd2ViL2VsZW1lbnRzLzAwZ3JvdXAtZmVlZGJhY2svZGVlcy1oaW50L2RlZXMtaGludC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUNMLFdBQVcsRUFDWCxHQUFHLEVBQ0gsVUFBVSxFQUNWLGFBQWEsRUFDYixJQUFJLEVBQ0osUUFBUSxFQUNSLEtBQUssR0FFTixNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sS0FBSyxRQUFRLE1BQU0sOEJBQThCLENBQUM7QUFDekQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3RELE9BQU8sOENBQThDLENBQUM7QUFVdEQsTUFBTSxTQUFTLEdBQThCO0lBQzNDLElBQUksRUFBRSxhQUFhO0lBQ25CLE9BQU8sRUFBRSxvQkFBb0I7SUFDN0IsT0FBTyxFQUFFLHNCQUFzQjtJQUMvQixLQUFLLEVBQUUsb0JBQW9CO0NBQzVCLENBQUM7QUFFRjs7OztHQUlHO0lBRVUsUUFBUTs0QkFEcEIsYUFBYSxDQUFDLFdBQVcsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7O3dCQUFuQixTQUFRLFdBQVc7Ozs7Z0NBSXRDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO2dDQUl6QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7NkNBRzFCLEtBQUssRUFBRTtZQU5SLGlLQUFTLElBQUksNkJBQUosSUFBSSxtRkFBcUI7WUFJbEMsaUtBQVMsSUFBSSw2QkFBSixJQUFJLG1GQUFjO1lBRzNCLHdNQUFpQixpQkFBaUIsNkJBQWpCLGlCQUFpQiw2R0FBUztZQVo3Qyw2S0FnRkM7Ozs7UUEvRVEsTUFBTSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7UUFDdkIsTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBR3hDLHFFQUEyQixNQUFNLEVBQUM7UUFBbEMsSUFBUyxJQUFJLDBDQUFxQjtRQUFsQyxJQUFTLElBQUksZ0RBQXFCO1FBSWxDLHdIQUF3QixFQUFFLEdBQUM7UUFGM0IsOERBQThEO1FBRTlELElBQVMsSUFBSSwwQ0FBYztRQUEzQixJQUFTLElBQUksZ0RBQWM7UUFHM0Isa0pBQXFDLEtBQUssR0FBQztRQUEzQyxJQUFpQixpQkFBaUIsdURBQVM7UUFBM0MsSUFBaUIsaUJBQWlCLDZEQUFTO1FBRTNDO1lBQ0UsS0FBSyxFQUFFLENBQUM7WUFDUixRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2hDLENBQUM7UUFFTSxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsa0JBQWtCLEVBQUUsVUFBVSxDQUFDLGFBQWEsRUFBRSxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBNEN0RSxDQUFDLENBQUM7UUFFRSxNQUFNO1lBQ1gsTUFBTSxPQUFPLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDO1lBQ3RELE9BQU8sSUFBSSxDQUFBOzRCQUNhLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFOzJEQUNTLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksU0FBUyxDQUFDLElBQUk7K0JBQ2xFLElBQUksQ0FBQyxJQUFJLHFCQUFxQixJQUFJLENBQUMsZ0JBQWdCOztLQUU3RSxDQUFDO1FBQ0osQ0FBQztRQUVPLGdCQUFnQixtRUFBRyxDQUFDLFFBQWUsRUFBRSxFQUFFO1lBQzdDLE1BQU0sUUFBUSxHQUFJLFFBQVEsQ0FBQyxNQUEwQixDQUFDLGFBQWEsQ0FBQyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1lBQ3ZGLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FDOUMsSUFBSSxDQUFDLFFBQVEsS0FBSyxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDdkYsQ0FBQyxFQUFDOztZQS9FUyx1REFBUTs7Ozs7U0FBUixRQUFRIn0=

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

@@ -1,31 +1,33 @@
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
-import type { IHarnessResourceAssociation, IHarnessResourceMeta, IHarnessSessionGroup, IHarnessSessionMeta, THarnessResourceAssociationInteractionSource } from '../interfaces.js';
+import type { IDropSlot, IHarnessResourceAssociation, IHarnessResourceMeta, IHarnessSessionGroup, IHarnessSessionListItemRef, IHarnessSessionMeta, THarnessResourceAssociationInteractionSource } from '../interfaces.js';
 import '../../00group-utility/dees-icon/dees-icon.js';
 declare global {
     interface HTMLElementTagNameMap {
         'dees-harness-session-list': DeesHarnessSessionList;
     }
 }
-interface IDropSlot {
-    groupId: string | null;
-    index: number;
-}
 /**
  * Searchable conversation list, embeddable in a sidebar or a DeesModal.
  * Emits `harness-session-select` on click, `harness-session-open` on
  * double-click or Enter, and `harness-session-context` with viewport
  * coordinates on right-click, Actions, or ContextMenu/Shift+F10.
  *
- * With `enableGrouping`, sessions render under user-defined `groups` and can
- * be dragged between groups and reordered. The component never mutates its
- * inputs: drops emit `harness-session-move`, the "new group" button emits
- * `harness-group-create-request`, and right-clicking a group header emits
- * `harness-group-context` — the host persists changes and passes fresh
- * `groups` back in. Sessions in no group render in the trailing ungrouped
- * section with pinned entries first, then explicit order, then new sessions by
- * recency. While a search query is active the list is flat. Generic resources
- * project as controlled child rows or into a trailing unattached Resources
- * section; association interactions only emit host requests.
+ * Sessions and host resources are peers in ONE ordered list: a resource row
+ * can be dragged anywhere a session can, including between sessions and into
+ * or out of groups. Attaching a resource to a session is a separate explicit
+ * host action (`requestResourceAssociation()` /
+ * `harness-resource-association-request`) that never moves a row; the
+ * association only renders as a marker on the resource row.
+ *
+ * The component never mutates its inputs: reordering emits `harness-item-move`,
+ * the "new group" button emits `harness-group-create-request`, and
+ * right-clicking a group header emits `harness-group-context` — the host
+ * persists changes and passes fresh `groups` / `ungroupedItemIds` back in.
+ * Items in no group render in the trailing ungrouped section with pinned
+ * entries first, then explicit order, then new entries by recency. With
+ * `enableGrouping` the list additionally renders group chrome. While a search
+ * query is active the list is one flat, non-sortable, recency-ordered section
+ * in which sessions and resources match as peers.
  */
 export declare class DeesHarnessSessionList extends DeesElement {
     static demo: () => TemplateResult<1>;
@@ -36,17 +38,18 @@ export declare class DeesHarnessSessionList extends DeesElement {
     accessor emptyText: string;
     accessor groups: IHarnessSessionGroup[];
     accessor enableGrouping: boolean;
-    /** Explicit order for sortable sessions outside user-defined groups. */
-    accessor ungroupedSessionIds: string[];
+    /** Explicit order for sortable items of both kinds outside user-defined groups. */
+    accessor ungroupedItemIds: IHarnessSessionListItemRef[];
     accessor resources: IHarnessResourceMeta[];
     accessor resourceAssociations: IHarnessResourceAssociation[];
     accessor selectedResourceId: string;
-    /** Serializable attach/reassign targets. A missing resource entry means no eligible targets. */
-    accessor eligibleSessionIdsByResourceId: Record<string, string[]>;
+    /**
+     * Serializable attach/reassign targets for host menus. A missing entry leaves
+     * the resource unrestricted; an empty array means no eligible target.
+     */
+    accessor eligibleTargetsByResourceId: Record<string, IHarnessSessionListItemRef[]>;
     accessor search: string;
-    accessor draggingSessionId: string;
-    accessor draggingResourceId: string;
-    accessor resourceDropTargetSessionId: string;
+    accessor draggingItem: IHarnessSessionListItemRef | undefined;
     accessor dropSlot: IDropSlot | undefined;
     accessor draggedItemHeight: number;
     accessor expandedSessionIds: ReadonlySet<string>;
@@ -72,32 +75,47 @@ export declare class DeesHarnessSessionList extends DeesElement {
     private dragAutoScrollVelocity;
     private dragAutoScrollLastFrame;
     static styles: import("@design.estate/dees-element").CSSResult[];
-    private get sessionsById();
     private get resourcesById();
-    /** First valid record wins; unknown and duplicate records remain untouched but are not projected. */
+    /**
+     * First valid record wins; unknown records, self-references and duplicates
+     * remain untouched but are not projected. Keyed by resource id.
+     */
     private get acceptedResourceAssociations();
     private get acceptedResources();
+    /** Sessions and resources as one pool of orderable items, before grouping and search. */
+    private get acceptedItems();
+    private get itemsByKey();
+    /** Groups only organize the list while grouping is enabled. */
+    private get effectiveGroups();
+    private get groupedItemKeys();
+    private itemsForGroup;
+    /** Pinned entries first, then explicitly ordered items, then unknown items by recency. */
+    private get ungroupedItems();
     private resourceMatchesSearch;
     private sessionMatchesSearch;
-    private resourcesForSession;
-    private get unattachedResources();
-    private get groupedSessionIds();
-    /** Pinned entries first, followed by explicitly ordered sortable sessions. */
-    private get ungroupedSessions();
-    private get filteredSessions();
+    private itemMatchesSearch;
+    /** Search flattens the list: sessions and resources match as peers, newest first. */
+    private get searchItems();
+    private get searchActive();
+    private sortableItems;
+    private groupIdForItem;
+    private rowElementFor;
     focusSearch(): void;
-    requestResourceAssociation(resourceIdArg: string, toSessionIdArg: string | null, sourceArg?: THarnessResourceAssociationInteractionSource): boolean;
+    requestResourceAssociation(resourceIdArg: string, toTargetArg: IHarnessSessionListItemRef | null, sourceArg?: THarnessResourceAssociationInteractionSource): boolean;
     updated(changedProperties: Map<PropertyKey, unknown>): void;
     connectedCallback(): Promise<void>;
     disconnectedCallback(): Promise<void>;
     render(): TemplateResult;
-    private renderFlatList;
-    private renderGroupedList;
+    private renderEmptyNote;
+    private renderSearchList;
+    private renderOrderedList;
+    private renderGroup;
     private renderSection;
     private renderDropPlaceholder;
-    private renderItem;
-    private renderUnattachedResources;
-    private renderResource;
+    /** One grip for both kinds; only its size and extra class differ. */
+    private renderDragHandle;
+    private renderSessionItem;
+    private renderResourceItem;
     private invokeSessionContext;
     private handleSessionContextKey;
     private eventTargetsSessionActions;
@@ -109,10 +127,7 @@ export declare class DeesHarnessSessionList extends DeesElement {
     private sessionStateIcon;
     private toggleSessionExpanded;
     private toggleGroupCollapsed;
-    private sortableSessions;
-    private sessionsForGroup;
     private handlePointerDown;
-    private handleResourcePointerDown;
     private readonly handlePointerMove;
     private readonly handlePointerUp;
     private readonly handlePointerCancel;
@@ -120,10 +135,7 @@ export declare class DeesHarnessSessionList extends DeesElement {
     private readonly handleDragKeyDown;
     private readonly handleDragWindowBlur;
     private startPointerDrag;
-    private startResourcePointerDrag;
     private moveDragPreview;
-    private moveResourceDragPreview;
-    private updateResourceDropTargetFromPointer;
     private setDropSlot;
     private clearDropSlot;
     private updateDragAutoScrollVelocity;
@@ -134,12 +146,16 @@ export declare class DeesHarnessSessionList extends DeesElement {
     private readonly syncScrollShadowState;
     private stopDragAutoScroll;
     private createMoveDetail;
+    private emitItemMove;
     private handleKeyboardMove;
-    private captureCardRects;
+    private rowKey;
+    private captureRowRects;
     private restoreKeyboardMoveFocus;
-    private eligibleSessionIds;
-    private sameSessionIds;
+    /** Known, de-duplicated targets the host allows; an absent entry means unrestricted. */
+    private eligibleTargets;
     private isResourceTargetEligible;
+    private itemTitleFor;
+    private emitSession;
     private emitResource;
     private handleResourceContextKey;
     private emitResourceContext;
@@ -147,9 +163,7 @@ export declare class DeesHarnessSessionList extends DeesElement {
     private clearResourceContextState;
     private reconcilePendingResourceAssociation;
     private resourceAssociationAnnouncement;
-    private animateCardReflow;
+    private animateRowReflow;
     private cancelReflowAnimations;
     private finishPointerDrag;
-    private emit;
 }
-export {};