@design.estate/dees-catalog 9.0.0 → 9.1.0

package/ts_web/elements/00group-harness/dees-harness-tool-card/renderers.ts

@@ -183,7 +183,7 @@ const renderFileWrite = (call: IHarnessToolCall, helpers: IHarnessToolRenderHelp
         ${helpers.diffBlock('', '', {
           language: harnessLanguageForPath(String(change.path)),
           filename: String(change.path).split('/').pop(),
-          view: 'split', unifiedDiff: String(change.diff),
+          unifiedDiff: String(change.diff),
         })}
       </section>
     `)}`;
@@ -199,7 +199,6 @@ const renderFileWrite = (call: IHarnessToolCall, helpers: IHarnessToolRenderHelp
           return helpers.diffBlock(file.before, file.after, {
             language: patchLanguage,
             filename: patchFilename,
-            view: 'split',
             unifiedDiff: file.unifiedDiff,
             showLineNumbers: file.lineNumbersKnown,
           });
@@ -232,7 +231,6 @@ const renderFileWrite = (call: IHarnessToolCall, helpers: IHarnessToolRenderHelp
     return helpers.diffBlock(previousContent, newContent, {
       language,
       filename,
-      view: 'split',
       showLineNumbers: !isStringReplacement,
     });
   }

package/ts_web/elements/00group-harness/interfaces.ts

@@ -326,6 +326,14 @@ export interface IHarnessPermissionResponseDetail {
 
 export type THarnessSessionCardState = 'normal' | 'working' | 'finished' | 'attention' | 'error';
 
+/** Host-supplied harness identity, independent of the model and session state. */
+export interface IHarnessAgentIdentity {
+  id: string;
+  name: string;
+  /** Optional dees-icon name; identity remains readable without an icon. */
+  icon?: string;
+}
+
 export interface IHarnessSessionMeta {
   id: string;
   title: string;
@@ -337,7 +345,11 @@ export interface IHarnessSessionMeta {
   icon?: string;
   /** Visual card state. Defaults to `normal`. */
   state?: THarnessSessionCardState;
-  /** Independent activity signal for hosts that track work separately from the visual state. */
+  /** Short visible state description, e.g. "Starting" or "Waiting for feedback". */
+  statusLabel?: string;
+  /** Harness running this session, e.g. Codex, OpenCode or FlexHarness. */
+  harness?: IHarnessAgentIdentity;
+  /** Pulse the normal/working indicator. Defaults to state === 'working'; never pulses attention/error/finished. */
   working?: boolean;
   /** Set false for pinned, non-sortable entries such as terminals. Defaults to true. */
   draggable?: boolean;
@@ -410,13 +422,13 @@ export interface IHarnessResourceContextDetail<TState extends string = string>
   close: () => void;
 }
 
-/** Detail of `harness-session-context`, fired on right-click of a session item. */
+/** Detail of `harness-session-context`, fired by right-click, Actions, or ContextMenu/Shift+F10. */
 export interface IHarnessSessionContextDetail {
   session: IHarnessSessionMeta;
-  /** Viewport coordinates of the pointer, for positioning a context menu. */
+  /** Pointer position or invoking control anchor, in viewport coordinates. */
   clientX: number;
   clientY: number;
-  /** The suppressed contextmenu event, e.g. for DeesContextmenu.openContextMenuWithOptions. */
+  /** Pass synchronously to DeesContextmenu.openContextMenuWithOptions to retain its composed dialog owner. */
   originalEvent: MouseEvent;
 }
 

package/ts_web/elements/00group-harness/toolregistry.ts

@@ -1,4 +1,5 @@
 import type { TemplateResult } from '@design.estate/dees-element';
+import type { TDiffViewRequest } from '../00group-dataview/dees-dataview-codebox/dees-dataview-codebox.js';
 import type { IHarnessToolCall, THarnessContentBlock } from './interfaces.js';
 import { harnessIsRecord, harnessSummaryLine } from './harness.helpers.js';
 
@@ -14,7 +15,7 @@ export interface IHarnessToolRenderHelpers {
   diffBlock(before: string, after: string, options?: {
     language?: string;
     filename?: string;
-    view?: 'inline' | 'split';
+    view?: TDiffViewRequest;
     unifiedDiff?: string;
     showLineNumbers?: boolean;
   }): TemplateResult;

package/ts_web/elements/00group-overlay/dees-contextmenu/dees-contextmenu.ts

@@ -129,6 +129,7 @@ export class DeesContextmenu extends DeesElement {
     // backdrop-filter drops out while an opacity/transform animation runs and
     // snaps back in at the end. Appearing directly keeps the vibrancy stable.
     contextMenu.style.visibility = 'visible';
+    contextMenu.focus({ preventScroll: true });
     return contextMenu;
   }
 
@@ -206,8 +207,10 @@ export class DeesContextmenu extends DeesElement {
         position: relative;
       }
 
-      .menuitem:hover {
+      .menuitem:hover,
+      .menuitem:focus {
         background: var(--dees-color-active);
+        outline: none;
       }
       
       .menuitem.has-submenu::after {
@@ -260,7 +263,7 @@ export class DeesContextmenu extends DeesElement {
 
   public render(): TemplateResult {
     return html`
-      <div class="mainbox">
+      <div class="mainbox" role="menu">
         ${this.menuItems.map((menuItemArg) => {
           if ('divider' in menuItemArg && menuItemArg.divider) {
             return html`<div class="menu-divider"></div>`;
@@ -271,8 +274,15 @@ export class DeesContextmenu extends DeesElement {
           return html`
             <div 
               class="menuitem ${menuItem.disabled ? 'disabled' : ''} ${hasSubmenu ? 'has-submenu' : ''}" 
+              role="menuitem"
+              tabindex="-1"
+              aria-disabled=${menuItem.disabled ? 'true' : 'false'}
               @click=${() => !menuItem.disabled && !hasSubmenu && this.handleClick(menuItem)}
-              @mouseenter=${() => this.handleMenuItemHover(menuItem, hasSubmenu)}
+              @mouseenter=${(event: MouseEvent) => {
+                if (menuItem.disabled) return;
+                (event.currentTarget as HTMLElement).focus({ preventScroll: true });
+                void this.handleMenuItemHover(menuItem, hasSubmenu);
+              }}
               @mouseleave=${() => this.handleMenuItemLeave()}
             >
               ${menuItem.iconName ? html`
@@ -286,7 +296,7 @@ export class DeesContextmenu extends DeesElement {
           `;
         })}
         ${this.menuItems.length === 0 ? html`
-            <div class="menuitem" @click=${() => {
+            <div class="menuitem" role="menuitem" tabindex="-1" @click=${() => {
               DeesContextmenu.contextMenuDeactivated = true;
               this.destroy();
             }}>
@@ -298,7 +308,8 @@ export class DeesContextmenu extends DeesElement {
     `;
   }
 
-  public async firstUpdated() {
+  public firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void {
+    super.firstUpdated(changedProperties);
     // Focus on the menu for keyboard navigation
     this.focus();
     
@@ -307,32 +318,35 @@ export class DeesContextmenu extends DeesElement {
   }
   
   private handleKeydown = (event: KeyboardEvent) => {
-    const menuItems = Array.from(this.shadowRoot!.querySelectorAll('.menuitem:not(.disabled)'));
-    const currentIndex = menuItems.findIndex(item => item.matches(':hover'));
+    if (!['ArrowDown', 'ArrowUp', 'Enter', 'Escape'].includes(event.key)) return;
+    event.preventDefault();
+    event.stopPropagation();
+    const menuItems = Array.from(this.shadowRoot!.querySelectorAll<HTMLElement>('.menuitem:not(.disabled)'));
+    const currentIndex = menuItems.findIndex(item => item === this.shadowRoot!.activeElement);
     
     switch (event.key) {
       case 'ArrowDown':
-        event.preventDefault();
+        if (!menuItems.length) return;
         const nextIndex = currentIndex + 1 < menuItems.length ? currentIndex + 1 : 0;
-        (menuItems[nextIndex] as HTMLElement).dispatchEvent(new MouseEvent('mouseenter'));
+        menuItems[nextIndex].focus({ preventScroll: true });
+        menuItems[nextIndex].dispatchEvent(new MouseEvent('mouseenter'));
         break;
         
       case 'ArrowUp':
-        event.preventDefault();
+        if (!menuItems.length) return;
         const prevIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : menuItems.length - 1;
-        (menuItems[prevIndex] as HTMLElement).dispatchEvent(new MouseEvent('mouseenter'));
+        menuItems[prevIndex].focus({ preventScroll: true });
+        menuItems[prevIndex].dispatchEvent(new MouseEvent('mouseenter'));
         break;
         
       case 'Enter':
-        event.preventDefault();
         if (currentIndex >= 0) {
-          (menuItems[currentIndex] as HTMLElement).click();
+          menuItems[currentIndex].click();
         }
         break;
         
       case 'Escape':
-        event.preventDefault();
-        this.destroy();
+        void this.destroyAll();
         break;
     }
   }

package/ts_web/elements/00theme.ts

@@ -664,6 +664,8 @@ export const themeDefaultStyles: CSSResult = css`
     --dees-shadow-xl: ${cssManager.bdTheme(shadowsLight.xl, shadowsDark.xl)};
     /* upward-casting bar shadow (mirrored sm) for bottom-docked chrome */
     --dees-shadow-up-sm: ${cssManager.bdTheme(mirrorShadow(shadowsLight.sm), mirrorShadow(shadowsDark.sm))};
+    /* Contact shadow where scrolling content passes beneath opaque chrome. */
+    --dees-color-scroll-edge-shadow: ${cssManager.bdTheme('rgba(0, 0, 0, 0.11)', 'rgba(0, 0, 0, 0.55)')};
 
     /* ========================================
      * Materials / Vibrancy (theme-aware bg + opaque fallback; theme-agnostic filter)