@adia-ai/web-modules 0.4.5 → 0.4.6

package/CHANGELOG.md

@@ -11,6 +11,19 @@ Built from `@adia-ai/web-components` primitives.
 
 _No pending changes._
 
+## [0.4.6] - 2026-05-12
+
+### Fixed — `<editor-sidebar>` resize-state detection via `:has()`
+
+`<editor-sidebar>`'s `[resizing]` host attribute previously tripped on a heuristic regex against `[data-resize], [class*="resize"], [class*="handle"]` matched on the pointerdown's direct target. This caught `admin-sidebar`'s `[data-resize]` grabber but missed `<pane-ui>`'s slot-based `[slot="resize"]` grabber — so the wrapper's `transition: width` collapse animation was never suppressed during a pane drag, causing the wrapper to interpolate widths while pointer events tracked 1:1 (visible "rubber band" + ~16-ms-per-frame stutter).
+
+- **`editor-sidebar.js`** — pointerdown detection switched to `closest('[slot="resize"], [data-resize], [class*="handle"]')`, matching both the pane's slot-based handle and the legacy `[data-resize]` shape. Behavior preserved for admin/chat sidebars; pane-ui case now correctly sets `[resizing]`.
+- **`editor-shell.bespoke.css`** — CSS bypass selector widened from `editor-sidebar[resizing]` to `editor-sidebar:is([resizing], :has(pane-ui[data-resizing]))`, so the transition-bypass fires whenever EITHER (a) the wrapper detected pointerdown on a known handle OR (b) any descendant `<pane-ui>` is in an active drag (independent of pointerdown heuristics). Defense-in-depth: covers consumer rules with high specificity that defeat the host-level `[resizing]` attribute.
+
+Pairs with the `<pane-ui>` resize tracking fix in `@adia-ai/web-components@[Unreleased]`.
+
+See root [CHANGELOG.md `[Unreleased]`](../../CHANGELOG.md) for the cross-cutting arc narrative.
+
 ## [0.4.5] - 2026-05-12
 
 ### Added — CSS importable via package specifier (§61)

package/editor/editor-shell/css/editor-shell.bespoke.css

@@ -198,11 +198,17 @@ editor-sidebar[collapsed] {
   /* Children can hide labels / shrink icons via [data-narrow] */
 }
 
-/* When resizing — disable transitions to feel responsive */
-editor-sidebar[resizing] {
+/* When resizing — disable transitions to feel responsive.
+   `:has(pane-ui[data-resizing])` makes the bypass independent of the
+   wrapper's pointerdown heuristic: as long as the inner pane is in an
+   active drag, the wrapper's `transition: width` is suppressed. The
+   inner-pane rule is redundant (pane.css owns its own bypass) but is
+   kept for defense-in-depth against consumer rules with high
+   specificity. */
+editor-sidebar:is([resizing], :has(pane-ui[data-resizing])) {
   transition: none;
 }
-editor-sidebar[resizing] > pane-ui {
+editor-sidebar:is([resizing], :has(pane-ui[data-resizing])) > pane-ui {
   transition: none;
 }
 

package/editor/editor-sidebar/editor-sidebar.js

@@ -97,10 +97,11 @@ class EditorSidebar extends UIElement {
     // (pane-ui's drag-handle is internal; we listen on the pane and let
     // pointerup on document terminate)
     this.#onPointerDown = (e) => {
-      // Heuristic — pointerdown inside pane that targets a drag-handle
-      // (covers pane-ui's internal handle classes + [data-resize])
+      // pane-ui's resize grabber is `[slot="resize"]`; admin-sidebar and
+      // chat-sidebar use `[data-resize]`. Match both so this wrapper's
+      // `[resizing]` attribute reflects whichever primitive is composed.
       const target = e.target;
-      if (target?.matches?.('[data-resize], [class*="resize"], [class*="handle"]')) {
+      if (target?.closest?.('[slot="resize"], [data-resize], [class*="handle"]')) {
         this.resizing = true;
       }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-modules",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "description": "AdiaUI composite custom elements — shell, chat, editor, runtime clusters built from @adia-ai/web-components primitives. Subpath exports per cluster.",
   "type": "module",
   "exports": {