@adia-ai/web-modules 0.8.21 → 0.8.23

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog — @adia-ai/web-modules
 
+## [0.8.23] — 2026-07-30
+
+### Changed
+- **`chat-shell` loads `@adia-ai/llm` lazily** (gh#541). The static import of `llm/index.js` — a gitignored BUILD artifact — 500'd every /site route with a full-viewport error overlay on any checkout that hadn't built packages/llm (validated on a literal fresh clone). The import now happens at first send via a `@vite-ignore` dynamic candidate chain (source layout `../../../llm`, bundle layout `../../llm` — covers repo + npm, raw + dist); a missing build degrades to an in-thread error message instead of killing the site. Fresh-clone probe: no overlay, site boots; both candidate URLs verified resolving in-repo.
+- **`admin-page` border anatomy completed** (gh#536, operator ruling): content blocks in `admin-page-body` divide with a border-bottom ONLY between multiples (`:not(:last-child)` — a single section draws nothing); header border-bottom and footer border-top were already the rule. Site-side (same ruling): `.demo-frame` owns the frame — the embedded shell island no longer double-borders inside it, and `.demo-body` shares `--page-content-inset` so the demo body's left rag aligns with the page-header text. Surface-verified on /site/patterns/admin-page-header (island 0px/no shadow, header and body rag both at x=282).
+- **`admin-shell` resize grabber reads above shell chrome** (gh#513, operator report). The handle's `z-index: 1/2` tied-or-lost to the content island's sticky page-header/footer bands (`z-index: 1`, later in DOM); now `z-index: 3` in both declaring files. Duplicate `[data-resize]` styling across bespoke.css + sidebar.css noted on the issue as pre-existing drift.
+- **`admin-shell` content-island border RESTORED same-day** (gh#500 follow-up, operator report 2026-07-30). The gh#500 cut earlier in this window removed `admin-content > admin-scroll`'s border + shadow as "outer borders" — a misread: the ruling targeted COMPONENT outer borders, and the missing page-content container frame was flagged within hours. The island border, shadow, and `admin-content` border-inline are back to their pre-gh#500 state; net change for this entry across the two commits is zero on the island, and the sanctioned dividers (subnav aside `border-inline-end`, page-header `border-bottom`, footer `border-top`, sidebar edges) were never touched.
+- **Internal peers pin the exact lockstep version** (gh#489). `@adia-ai/web-components`, `@adia-ai/a2ui-runtime`, and `@adia-ai/llm` were peer-declared as `^0.8.0`, so npm never moved them on a lockstep bump — a consumer sat on web-modules 0.8.22 beside llm 0.8.19, and the stale llm's pre-gh#462 tarball made it look like a fresh regression. Peers are now exact (`0.8.22` this cut, bumped every cut by `bump.mjs`, gated by `check:lockstep`'s new `peer-exact-mismatch`). Consumer impact: a partial upgrade now fails loudly at install (`ERESOLVE`) instead of silently mixing versions — upgrade the three peers together with web-modules, which the lockstep contract already required.
+
+### Maintenance
+- **`billing/` touched in this release window** (6 file(s), e.g. `billing-overview/billing-overview.html`) — carried by the entries above.
+- **`dashboard/` touched in this release window** (2 file(s), e.g. `dashboard-layout/dashboard-layout.html`) — carried by the entries above.
+- **`editor/` touched in this release window** (11 file(s), e.g. `editor-canvas-empty/editor-canvas-empty.html`) — carried by the entries above.
+- **`feedback/` touched in this release window** (1 file(s), e.g. `confirm-dialog/confirm-dialog.html`) — carried by the entries above.
+- **`settings/` touched in this release window** (2 file(s), e.g. `integrations-page/integrations-page.html`) — carried by the entries above.
+- **`simple/` touched in this release window** (3 file(s), e.g. `simple-content/simple-content.html`) — carried by the entries above.
+- **`theme/` touched in this release window** (2 file(s), e.g. `theme-panel/theme-panel.html`) — carried by the entries above.
+
+## [0.8.22] — 2026-07-29
+
+### Fixed
+- **`form-popover-ui`'s summary tracks programmatic `checked` mutations** (independent-review finding, 2026-07-29). The module listened only to bubbling change/input, but `el.checked = true` reflects the attribute without any event — so the trigger text went stale, contradicting the module's own "DOM is the source of truth" rule. A MutationObserver on the body element (subtree, `[checked]` filter + childList) now covers the non-event paths, including check-ui rows added or removed after stamping; scoped to the body so the module's own trigger writes can't feed back. Disconnect symmetric. Tests 11 → 13.
+
+### Maintenance
+- **`dist/` bundles rebuilt** in this cut's window (1 file(s)) — regenerated from the source changes described above, not independent edits.
+
 ## [0.8.21] — 2026-07-28
 
 ### Changed

package/chat/chat-composer/chat-composer.js

@@ -32,6 +32,7 @@
  * backwards compat.
  */
 
+import { defineIfFree } from '../../../web-components/core/register.js';
 import { UIElement } from '../../../web-components/core/element.js';
 
 class ChatComposer extends UIElement {
@@ -103,5 +104,5 @@ class ChatComposer extends UIElement {
   }
 }
 
-customElements.define('chat-composer', ChatComposer);
+defineIfFree('chat-composer', ChatComposer);
 export { ChatComposer };

package/chat/chat-shell/chat-shell.js

@@ -1,6 +1,12 @@
+import { defineIfFree } from '../../../web-components/core/register.js';
 import { UIElement } from '../../../web-components/core/element.js';
 import { renderMarkdown } from '../../../web-components/core/markdown.js';
-import { streamChat } from '../../../llm/index.js';
+// LAZY llm import (gh#541): packages/llm/index.js is a BUILD ARTIFACT
+// (gitignored; TS source only in a fresh checkout). A static import here
+// rides the everything-barrel, so a missing artifact 500'd EVERY /site
+// route with a full-viewport vite-error-overlay — the freeze-shaped dev
+// failure. Deferred to first send: a missing build degrades chat-shell's
+// LLM wiring with an in-thread error instead of killing the site.
 import '../../../web-components/components/code/code.js';
 
 function escapeHTML(s) {
@@ -270,6 +276,24 @@ class ChatShell extends UIElement {
         ...opts,
       };
 
+      let streamChat;
+      // Candidate chain (gh#541): '../../../llm' resolves from the SOURCE
+      // layout (repo chat/chat-shell/ AND npm @adia-ai/web-modules/chat/
+      // chat-shell/); '../../llm' resolves from the BUNDLE layout (dist/ is
+      // one level shallower in both worlds). @vite-ignore keeps vite's
+      // import-analysis from resolving the build artifact at transform time
+      // — a missing file otherwise 500s the module + overlays every route.
+      for (const cand of ['../../../llm/index.js', '../../llm/index.js']) {
+        try {
+          ({ streamChat } = await import(/* @vite-ignore */ new URL(cand, import.meta.url).href));
+          break;
+        } catch { /* try next */ }
+      }
+      if (!streamChat) {
+        this.appendMessage({ role: 'error', content: '@adia-ai/llm is not available — in a fresh checkout run the packages/llm build (see gh#527/gh#541).' });
+        this.#emit('error', { error: new Error('llm build artifact missing') });
+        return;
+      }
       for await (const chunk of streamChat(streamOpts)) {
         if (chunk.type === 'text') {
           this.appendChunk(chunk.text);
@@ -330,5 +354,5 @@ class ChatShell extends UIElement {
   }
 }
 
-customElements.define('chat-shell', ChatShell);
+defineIfFree('chat-shell', ChatShell);
 export { ChatShell };

package/chat/chat-sidebar/chat-sidebar.js

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

package/chat/chat-thread/chat-thread.js

@@ -29,6 +29,7 @@
  * markdown + escape rules); the thread just owns the scroll surface.
  */
 
+import { defineIfFree } from '../../../web-components/core/register.js';
 import { UIElement } from '../../../web-components/core/element.js';
 
 const SCROLL_BOTTOM_TOLERANCE = 40;  // px from bottom that counts as "at bottom"
@@ -104,5 +105,5 @@ class ChatThread extends UIElement {
   }
 }
 
-customElements.define('chat-thread', ChatThread);
+defineIfFree('chat-thread', ChatThread);
 export { ChatThread };