@design.estate/dees-catalog 6.6.0 → 6.7.1

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

@@ -208,18 +208,18 @@ export class DeesHarnessToolCard extends DeesElement {
 
       @keyframes harness-card-open-chat-scan {
         0% {
-          background-position: 100% 0;
+          transform: translate3d(-60%, 0, 0);
           opacity: 0;
         }
         1% {
           opacity: 0.35;
         }
         20% {
-          background-position: 0 0;
+          transform: translate3d(0, 0, 0);
           opacity: 0.35;
         }
         24%, 100% {
-          background-position: 0 0;
+          transform: translate3d(0, 0, 0);
           opacity: 0;
         }
       }
@@ -608,7 +608,8 @@ export class DeesHarnessToolCard extends DeesElement {
       .harness-card.outcomeScan::after {
         content: '';
         position: absolute;
-        inset: 0;
+        inset: 0 auto 0 0;
+        width: 250%;
         pointer-events: none;
         background: linear-gradient(
           105deg,
@@ -617,7 +618,9 @@ export class DeesHarnessToolCard extends DeesElement {
           color-mix(in srgb, var(--harness-outcome-scan-color) 14%, transparent) 50%,
           color-mix(in srgb, var(--harness-outcome-scan-color) 3%, transparent) 55%,
           transparent 60%
-        ) 100% 0 / 250% 100% no-repeat;
+        );
+        transform: translate3d(-60%, 0, 0);
+        will-change: transform;
         animation: harness-tool-outcome-scan 0.48s linear 0.08s both;
       }
 
@@ -631,8 +634,8 @@ export class DeesHarnessToolCard extends DeesElement {
       }
 
       @keyframes harness-tool-outcome-scan {
-        from { background-position: 100% 0; }
-        to { background-position: 0 0; }
+        from { transform: translate3d(-60%, 0, 0); }
+        to { transform: translate3d(0, 0, 0); }
       }
 
       @media (prefers-reduced-motion: reduce) {
@@ -647,6 +650,7 @@ export class DeesHarnessToolCard extends DeesElement {
         .harness-card.outcomeScan::after {
           animation: none;
           opacity: 0;
+          will-change: auto;
         }
       }
     `,

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

@@ -24,17 +24,19 @@ export const harnessCardStyles: CSSResult = css`
   .harness-card.outcomeScan::before {
     content: '';
     position: absolute;
-    inset: 0;
+    inset: 0 auto 0 0;
+    width: 250%;
     pointer-events: none;
-    background:
-      linear-gradient(
-        105deg,
-        transparent 40%,
-        color-mix(in srgb, var(--dees-color-accent-primary) 6%, transparent) 45%,
-        color-mix(in srgb, var(--dees-color-accent-primary) 20%, transparent) 50%,
-        color-mix(in srgb, var(--dees-color-accent-primary) 6%, transparent) 55%,
-        transparent 60%
-      ) 100% 0 / 250% 100% no-repeat;
+    background: linear-gradient(
+      105deg,
+      transparent 40%,
+      color-mix(in srgb, var(--dees-color-accent-primary) 6%, transparent) 45%,
+      color-mix(in srgb, var(--dees-color-accent-primary) 20%, transparent) 50%,
+      color-mix(in srgb, var(--dees-color-accent-primary) 6%, transparent) 55%,
+      transparent 60%
+    );
+    transform: translate3d(-60%, 0, 0);
+    will-change: transform;
     animation: harness-card-running-scan 2s linear infinite;
     opacity: 1;
     transition: opacity 0.18s var(--dees-ease-out);
@@ -53,8 +55,8 @@ export const harnessCardStyles: CSSResult = css`
   }
 
   @keyframes harness-card-running-scan {
-    from { background-position: 100% 0; }
-    to { background-position: 0 0; }
+    from { transform: translate3d(-60%, 0, 0); }
+    to { transform: translate3d(0, 0, 0); }
   }
 
   @media (prefers-reduced-motion: reduce) {
@@ -72,6 +74,7 @@ export const harnessCardStyles: CSSResult = css`
       animation: none;
       opacity: 0;
       transition: none;
+      will-change: auto;
     }
   }
 `;

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

@@ -307,6 +307,73 @@ export interface IHarnessSessionMeta {
   draggable?: boolean;
 }
 
+/** Host-owned metadata for a resource that can be associated with a harness session. */
+export interface IHarnessResourceMeta<TState extends string = string> {
+  /** Stable identity used by selection and association records. */
+  id: string;
+  /** Open resource kind supplied by the host, for example `terminal`, `file`, or `browser`. */
+  kind: string;
+  title: string;
+  /** Optional dees-icon name (e.g. `lucide:FileText`). */
+  icon?: string;
+  preview?: string;
+  createdAt?: number;
+  updatedAt?: number;
+  /** Optional host-defined display state. */
+  state?: TState;
+}
+
+/** A controlled zero-or-one session association for one resource. */
+export interface IHarnessResourceAssociation {
+  resourceId: string;
+  sessionId: string;
+}
+
+export interface IHarnessResourceEventDetail<TState extends string = string> {
+  resource: IHarnessResourceMeta<TState>;
+  sessionId: string | null;
+}
+
+export type THarnessResourceAssociationInteractionSource = 'drop' | 'action' | 'keyboard';
+
+export type THarnessResourceAssociationRequestDetail<TState extends string = string> =
+  | {
+      intent: 'attach';
+      resource: IHarnessResourceMeta<TState>;
+      fromSessionId: null;
+      toSessionId: string;
+      source: THarnessResourceAssociationInteractionSource;
+    }
+  | {
+      intent: 'detach';
+      resource: IHarnessResourceMeta<TState>;
+      fromSessionId: string;
+      toSessionId: null;
+      source: THarnessResourceAssociationInteractionSource;
+    }
+  | {
+      intent: 'reassign';
+      resource: IHarnessResourceMeta<TState>;
+      fromSessionId: string;
+      toSessionId: string;
+      source: THarnessResourceAssociationInteractionSource;
+    };
+
+export type THarnessResourceContextSource = 'pointer' | 'action' | 'keyboard';
+
+/** Detail of `harness-resource-context`; the host owns the actual menu. */
+export interface IHarnessResourceContextDetail<TState extends string = string>
+  extends IHarnessResourceEventDetail<TState> {
+  clientX: number;
+  clientY: number;
+  source: THarnessResourceContextSource;
+  originalEvent: MouseEvent | KeyboardEvent;
+  /** Routes a host menu choice through the component's validated controlled request event. */
+  requestAssociation: (toSessionId: string | null) => boolean;
+  /** Closes the external-menu disclosure state and restores focus to its invoking control. */
+  close: () => void;
+}
+
 /** Detail of `harness-session-context`, fired on right-click of a session item. */
 export interface IHarnessSessionContextDetail {
   session: IHarnessSessionMeta;