@design.estate/dees-catalog 4.8.1 → 4.10.0

package/dist_ts_web/elements/00group-harness/interfaces.d.ts

@@ -56,6 +56,8 @@ export interface IHarnessMessage {
     error?: string;
     /** model that produced this message, e.g. "anthropic/claude-opus-5" */
     model?: string;
+    /** reasoning-effort variant this message ran with, e.g. "high" */
+    effort?: string;
     /** consumer passthrough; never interpreted by the components */
     meta?: Record<string, unknown>;
 }
@@ -191,6 +193,7 @@ export interface IHarnessPermissionResponseDetail {
     remember: boolean;
     request: IHarnessPermissionRequest;
 }
+export type THarnessSessionCardState = 'normal' | 'working' | 'finished' | 'attention' | 'error';
 export interface IHarnessSessionMeta {
     id: string;
     title: string;
@@ -200,6 +203,12 @@ export interface IHarnessSessionMeta {
     preview?: string;
     /** Optional dees-icon name (e.g. 'lucide:Terminal') shown before the title. */
     icon?: string;
+    /** Visual card state. Defaults to `normal`. */
+    state?: THarnessSessionCardState;
+    /** Independent activity signal used for idle-to-working auto-expansion. */
+    working?: boolean;
+    /** Set false for pinned, non-sortable entries such as terminals. Defaults to true. */
+    draggable?: boolean;
 }
 /** Detail of `harness-session-context`, fired on right-click of a session item. */
 export interface IHarnessSessionContextDetail {
@@ -221,8 +230,10 @@ export interface IHarnessSessionMoveDetail {
     sessionId: string;
     /** Target group, or null for the ungrouped section. */
     groupId: string | null;
-    /** Insertion index within the target section's current display order. */
+    /** Compatibility insertion index using the pre-drag order for same-section moves. */
     index: number;
+    /** Stable target anchor in the dragged-card-excluded order; absent means append. */
+    beforeSessionId?: string;
 }
 /** Detail of `harness-group-context`, fired on right-click of a group header. */
 export interface IHarnessGroupContextDetail {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "4.8.1",
+  "version": "4.10.0",
   "private": false,
   "description": "A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.",
   "main": "dist_ts_web/index.js",
@@ -56,7 +56,7 @@
     "ts/**/*",
     "ts_web/**/*",
     "dist/**/*",
-    "dist_*/**/*",
+    "dist_bundle/**/*",
     "dist_ts/**/*",
     "dist_ts_web/**/*",
     "assets/**/*",

package/readme.md

@@ -1861,7 +1861,9 @@ Token usage chip (`in · out · total`, `compact` shows the total only); cache r
 
 #### `DeesHarnessSessionList`
 
-Searchable conversation list for sidebars or a `DeesModal` (`harness-session-select` on click, `harness-session-open` on double-click/Enter). Sorts by recency; filters over title, preview, and id.
+Searchable, card-based conversation column for sidebars or a `DeesModal` (`harness-session-select` on click, `harness-session-open` on double-click/Enter). Cards are collapsed by default, expose an independent accessible expansion control, and auto-expand only when an already-rendered session changes from not working to `working: true`. Selection does not affect expansion.
+
+`IHarnessSessionMeta.state` accepts `normal`, `working`, `finished`, `attention`, or `error`; `working` remains an independent activity signal for expansion transitions. With `enableGrouping`, sortable cards can move within and between groups. Dragging opens a full-card drop slot and animates surrounding cards; `harness-session-move` includes both the compatibility `index` and a stable optional `beforeSessionId` anchor. Set `draggable: false` for pinned entries such as terminals. Pass `ungroupedSessionIds` to control the order outside groups; omitted or unknown entries fall back to recency order.
 
 ---
 

package/ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '4.8.1',
+  version: '4.10.0',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

package/ts_web/elements/00group-harness/dees-harness-message/dees-harness-message.ts

@@ -174,6 +174,15 @@ export class DeesHarnessMessage extends DeesElement {
 
       /* Which model produced this message — trails the role/time so a
          mid-conversation model switch is visible in the transcript. */
+      /* reasoning effort rides with the model as a subtle pill */
+      .effortLabel {
+        margin-left: 5px;
+        padding: 0 5px;
+        border-radius: var(--dees-radius-full);
+        background: var(--dees-color-fill-secondary);
+        color: var(--dees-color-text-secondary);
+      }
+
       .modelLabel {
         margin-left: auto;
         color: var(--dees-color-text-muted);
@@ -385,7 +394,14 @@ export class DeesHarnessMessage extends DeesElement {
                   ? html`<span class="timestamp">${harnessFormatClockTime(message.createdAt)}</span>`
                   : ''}
                 ${message.model
-                  ? html`<span class="modelLabel" title=${message.model}>${message.model}</span>`
+                  ? html`
+                      <span
+                        class="modelLabel"
+                        title=${message.effort ? `${message.model} · ${message.effort}` : message.model}
+                      >${message.model}${message.effort
+                        ? html`<span class="effortLabel">${message.effort}</span>`
+                        : ''}</span>
+                    `
                   : ''}
               </div>
             `

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

@@ -15,8 +15,15 @@ const demoSessions: IHarnessSessionMeta[] = Array.from({ length: 24 }, (_, index
   updatedAt: Date.now() - (index + 1) * 3_500_000,
   messageCount: 4 + (index % 9),
   preview: 'Latest: the regression test asserts the cache key stays stable across…',
+  state: (['normal', 'working', 'finished', 'attention', 'error'] as const)[index % 5],
+  working: index % 5 === 1,
 }));
 
+const demoGroups = [
+  { id: 'active', name: 'Active work', sessionIds: ['session-0', 'session-1', 'session-2'] },
+  { id: 'review', name: 'Review', sessionIds: ['session-3', 'session-4'] },
+];
+
 const openModal = async () => {
   const { DeesModal } = await import('../../00group-overlay/dees-modal/dees-modal.js');
   const content = document.createElement('dees-harness-session-list');
@@ -52,6 +59,9 @@ export const demoFunc = () => html`
     <dees-button @clicked=${openModal}>Open in a DeesModal</dees-button>
     <dees-harness-session-list
       .sessions=${demoSessions}
+      .groups=${demoGroups}
+      .ungroupedSessionIds=${demoSessions.slice(5).map((session) => session.id)}
+      .enableGrouping=${true}
       selectedSessionId="session-2"
       @harness-session-select=${(event: CustomEvent) => console.log('select', event.detail.session)}
     ></dees-harness-session-list>