@adia-ai/web-modules 0.6.17 → 0.6.18

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog — @adia-ai/web-modules
 
+## [0.6.18] — 2026-05-21
+
+### Added — `admin-sidebar` resize-handle diagnostic (FB-17)
+
+- **`<admin-sidebar resizable>` now warns when no `[data-resize]` child is
+  present.** `#setupResizeHandle()` previously returned silently when the
+  author-supplied drag-handle element was missing, leaving `resizable` a no-op
+  with zero diagnostic signal. It now emits a one-shot `console.warn`
+  (WeakSet-guarded) naming the fix. Warning-only; no functional change.
+  (~22 LOC `admin-sidebar.js`.)
+
+### Docs
+
+- **Live `<admin-sidebar>` variant gallery + collapse/expand demo** added to `admin-shell.html` and `admin-shell.examples.html` — covers the resizable / collapsible / variant axes in one browsable surface.
+
+### Note
+
+- The headline v0.6.18 work shipped in `@adia-ai/web-components` — `stat-ui` + `table-ui` `loading` props (FB-12 P2) and `text-ui` `size` / `color` / `weight` / `text-align` overlay attributes (FB-10). See `packages/web-components/CHANGELOG.md#0618--2026-05-21` for details.
+
 ## [0.6.17] — 2026-05-21
 
 ### Fixed

package/package.json

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

package/shell/admin-sidebar/admin-sidebar.js

@@ -54,6 +54,10 @@ class AdminSidebar extends UIElement {
 
   static template = () => null;
 
+  // FEEDBACK-17: elements already warned about a missing [data-resize]
+  // handle — one-shot per element so re-renders stay quiet. GC-friendly.
+  static #warnedNoHandle = new WeakSet();
+
   // The width the sidebar had before being collapsed — used for restore.
   // Map keyed by sidebar name allows multiple sidebars on one host.
   #previousExpandedWidth = '';
@@ -149,7 +153,23 @@ class AdminSidebar extends UIElement {
 
   #setupResizeHandle() {
     const handle = this.querySelector(':scope > [data-resize]');
-    if (!handle) return;
+    if (!handle) {
+      // FEEDBACK-17: `resizable` opts in to drag-resize but relies on an
+      // author-supplied `[data-resize]` child. A silent return left authors
+      // with a no-op `resizable` attribute and zero diagnostic signal.
+      if (!AdminSidebar.#warnedNoHandle.has(this)) {
+        AdminSidebar.#warnedNoHandle.add(this);
+        // eslint-disable-next-line no-console
+        console.warn(
+          '[admin-sidebar] `resizable` is set but no `[data-resize]` child ' +
+          'was found. Add `<div data-resize></div>` as a direct child to ' +
+          'enable drag-to-resize. (Unlike `collapsible`, `resizable` requires ' +
+          'this author-supplied handle.)',
+          this,
+        );
+      }
+      return;
+    }
 
     const slot = this.getAttribute('slot');
     const isLeading = slot === 'leading';