@adia-ai/web-modules 0.8.21 → 0.8.23

package/shell/admin-shell/css/admin-shell.bespoke.css

@@ -80,7 +80,11 @@ admin-sidebar > :is(admin-topbar, admin-statusbar) > :where(span, p, small, time
    box-shadow ring traces the full corner — two divergent lines at
    exactly the radius, reading as a doubled border (operator-reported,
    screenshot). A full 1px border draws one continuous arc the shadow
-   hugs, the standard bordered-card look. */
+   hugs, the standard bordered-card look.
+   RESTORED 2026-07-30 (gh#500 follow-up): the gh#500 cut removed this
+   as an "outer border" — misread; the ruling targeted component outer
+   borders, and the operator flagged the missing page-content container
+   border the same day. This island frame stays. */
 admin-content > admin-scroll {
   flex: 1;
   min-height: 0;
@@ -203,7 +207,7 @@ admin-sidebar[slot="trailing"] {
   bottom: 0;
   width: 6px;
   cursor: col-resize;
-  z-index: 1;
+  z-index: 3; /* above the content island's sticky bands (z 1) and sidebar chrome (z 2) — the grabber is a transient affordance and reads on top of shell chrome (gh#513) */
   user-select: none;
 }
 

package/shell/admin-shell/css/admin-shell.sidebar.css

@@ -38,7 +38,7 @@
   cursor: col-resize;
   background: transparent;
   transition: background var(--page-duration-fast) var(--page-easing);
-  z-index: 2;
+  z-index: 3; /* above the content island's sticky bands (z 1) and sidebar chrome (z 2) — the grabber is a transient affordance and reads on top of shell chrome (gh#513) */
 }
 
 admin-sidebar[slot="leading"] > [data-resize] { right: -3px; }

package/shell/admin-shell/css/admin-shell.templates.css

@@ -49,6 +49,14 @@ admin-page-header > :is(header, header-ui) {
   padding-inline: var(--page-content-inset);
 }
 
+/* gh#536 (operator ruling 2026-07-30) — page-element border anatomy:
+   header border-bottom, footer border-top, and content blocks divide
+   ONLY between multiples. :not(:last-child) is exactly "only if
+   multiple are used" — a single section draws nothing. */
+admin-page-body > :is(section, section-ui):not(:last-child) {
+  border-bottom: var(--page-content-border);
+}
+
 /* Full-width escape hatch — stretch the centered column to 100%.
    [data-content-full] can land on the bespoke wrapper or its inner
    semantic element. */

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

@@ -37,6 +37,7 @@
  * code should prefer <admin-sidebar>.
  */
 
+import { defineIfFree } from '../../../web-components/core/register.js';
 import { UIElement } from '../../../web-components/core/element.js';
 
 const SNAP_THRESHOLD = 96;
@@ -264,5 +265,5 @@ class AdminSidebar extends UIElement {
   }
 }
 
-customElements.define('admin-sidebar', AdminSidebar);
+defineIfFree('admin-sidebar', AdminSidebar);
 export { AdminSidebar };

package/shell/embed-shell/embed-shell.js

@@ -31,6 +31,7 @@
  * edge to resize + a `resize-end` event), not a CSS stand-in. The trait is imported
  * here so it's registered for declarative lookup.
  */
+import { defineIfFree } from '../../../web-components/core/register.js';
 import { UIElement } from '../../../web-components/core/element.js';
 import '../../../web-components/traits/resizable/resizable.js'; // register `resizable` for traits="resizable"
 
@@ -88,5 +89,5 @@ class EmbedShell extends UIElement {
   }
 }
 
-customElements.define('embed-shell', EmbedShell);
+defineIfFree('embed-shell', EmbedShell);
 export { EmbedShell };

package/theme/theme-panel/theme-panel.js

@@ -51,6 +51,7 @@
  *   theme-panel[active-scheme="dark"] button-ui { … }
  */
 
+import { defineIfFree } from '../../../web-components/core/register.js';
 import { UIElement } from '../../../web-components/core/element.js';
 
 // The 12 named identities shipped in styles/themes.css (real recolor +
@@ -692,5 +693,5 @@ class ThemePanel extends UIElement {
   }
 }
 
-customElements.define('theme-panel', ThemePanel);
+defineIfFree('theme-panel', ThemePanel);
 export { ThemePanel };