@adia-ai/web-modules 0.5.5 → 0.5.7

package/CHANGELOG.md

@@ -6,11 +6,57 @@ Follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) and
 Scope: composite custom elements organized by cluster (shell, chat,
 editor, runtime today; data, agent, admin on the strategic horizon).
 Built from `@adia-ai/web-components` primitives.
-
 ## [Unreleased]
 
 _No pending changes._
 
+## [0.5.7] - 2026-05-15
+
+_Lockstep ride-along (no source change)._
+
+## [0.5.6] - 2026-05-14
+
+### Fixed — §196 (v0.5.6) — `editor-toolbar` + `editor-statusbar` action-slot positioning (FEEDBACK-09 §1 + §2)
+
+The `[slot="action"]:first-of-type` selector in `editor-shell.bespoke.css` (lines 55-57 + 236-238 pre-fix) was buggy: `:first-of-type` matches first-by-tagName (e.g. first `<span>`), not first-by-slot. When a `<span slot="title">` or `<span slot="action-leading">` preceded the action cluster, the `margin-inline-start: auto` push-right behavior silently fell through. Consumer-visible: action buttons in the toolbar/statusbar would cluster left-of-center rather than anchoring to the trailing edge.
+
+**Fix**: split into two cascading rules per surface — (a) every `[slot="action"]` gets `margin-inline-start: auto` (so the FIRST action pushes right); (b) every subsequent `[slot="action"]` sibling (`~` combinator) overrides with `var(--a-space-2)` for uniform inter-button spacing. CSS pattern matches the original intent without depending on element-type ordering.
+
+Reported in FEEDBACK-09 (Tokens Studio Round 9). Closes the bug class for both surfaces simultaneously.
+
+### Added — §193 (v0.5.6) — `<admin-command>` ships its own chrome-reset module CSS
+
+NEW `packages/web-modules/shell/admin-command/admin-command.css` —
+the ~20-line `<dialog>` chrome reset + position/size defaults
+previously authored 2× inline by consumers (`site/index.html` +
+`playgrounds/admin-shell/app/admin-shell.html`) now ships with the
+module. Consumers `<link>` it and inherit:
+
+- Native `<dialog>` chrome stripped (`border`, `background`,
+  `padding`, `margin`, `max-width`, `max-height` all reset)
+- Positioning defaults (`position: fixed`, `top: 20vh`,
+  `transform: translateX(-50%)`)
+- Inner `<command-ui>` sizing (`32rem × 24rem`)
+- Backdrop dim (`rgba(0, 0, 0, 0.5)`)
+
+All declarations are layer-0 defaults; consumers can override from
+their own stylesheet. Pattern matches the AdiaUI module convention
+(co-located `<name>.css` per module, consumer `<link>`s it; see
+`admin-shell.css` for a precedent).
+
+Closes the §189 follow-up filing (v0.5.5 docs-site palette regression
+repair flagged this duplication as a future cleanup). Two consumers
+updated in the same commit: both now `<link>` the module CSS instead
+of inlining a `<style>` block. Future consumers avoid the duplication.
+
+### Fixed — §190a (v0.5.6) — `theme-panel` demo a11y silenced
+
+`packages/web-modules/theme/theme-panel/theme-panel.examples.html` —
+icon-only buttons in the example markup gained explicit `aria-label` /
+`title` attributes so the v0.5.5 §184 §8 `<button-ui>` a11y safety-net
+warn (`[button-ui] Icon-only button is missing an accessible name`) no
+longer fires on AdiaUI-owned demo surfaces. Documentation-grade change;
+no runtime behavior delta for theme-panel itself.
 ## [0.5.5] - 2026-05-14
 
 ### Changed — lockstep ride-along; no source changes
@@ -18,7 +64,6 @@ _No pending changes._
 `version`: `0.5.4` → `0.5.5`. Source byte-identical to `0.5.4`.
 
 Tracking the v0.5.5 cycle's detector-driven cleanup arcs (§176-§179) + exe.dev LLM Gateway migration (§181-§188) + FEEDBACK-08 closure (§184): see root `CHANGELOG.md` for the full narrative. This package carries no source changes this cycle.
-
 ## [0.5.4] - 2026-05-14
 
 ### Changed — lockstep ride-along; no source changes
@@ -30,24 +75,18 @@ Tracking the v0.5.4 cycle's prop-fidelity arcs (§163 transpiler fix,
 §164 chunk re-harvest, §165 validator check #19, §166a/b/c audit-script
 family slots 12+13 + smoke shift-left): see root `CHANGELOG.md` for the
 full narrative. This package carries no source changes this cycle.
-
 ## [0.5.3] - 2026-05-14
 
 _No pending changes._
-
 ## [0.5.2] - 2026-05-13
 
 _Lockstep ride-along (no source change)._
-
-
 ## [0.5.1] - 2026-05-13
 
 _Lockstep ride-along (no source change)._
-
 ## [0.5.0] - 2026-05-13
 
 _Lockstep ride-along (no source change)._
-
 ## [0.4.9] - 2026-05-13
 
 ### Added — `<editor-sidebar>` `[persist]` attribute (§91c, FEEDBACK-04 #6)
@@ -106,7 +145,6 @@ Two reachable import paths:
 - `import { isFocusInInput } from '@adia-ai/web-modules/editor/utils';` (direct subpath)
 
 Both carry types via the new `types` conditionals.
-
 ## [0.4.8] - 2026-05-12
 
 ### Added — TypeScript declarations for all web-modules (FEEDBACK-02 #1, v0.4.8)
@@ -132,13 +170,11 @@ Each web-module YAML now declares a `composes:` field listing the `@adia-ai/web-
 `README.md` § Module authoring updated with the `composes:` field semantics + lexical-scope rationale (why composes-declared imports must live at the consumer page, not transitively pulled by the module). Aligns with §66's `adaptV09Component()` catalog reader work.
 
 See root [CHANGELOG.md `[Unreleased]`](../../CHANGELOG.md) for the cross-cutting arc narrative.
-
 ## [0.4.7] - 2026-05-12
 
 ### Changed — `chat/chat-thread.yaml` populates `synonyms.tags` (§72)
 
 The composite `chat-thread.yaml` picks up the alias array previously held in the retired `@adia-ai/a2ui-corpus/patterns/_components.json` — `chat`, `conversation`, `messages`, `chat-log`, `message-thread`. Sidecar regenerated by `npm run components`. Mirrors the per-component yaml sweep on `@adia-ai/web-components` for §72 (the §65 carry-over from v0.4.6).
-
 ## [0.4.6] - 2026-05-12
 
 ### Fixed — `<editor-sidebar>` resize-state detection via `:has()`
@@ -151,7 +187,6 @@ The composite `chat-thread.yaml` picks up the alias array previously held in the
 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)
@@ -185,7 +220,6 @@ The pattern key `./<cluster>/*.css` captures the element name; the value's two `
 ### Documentation
 
 - `README.md` — peer-deps section enriched. Two additional peer dependencies (`@adia-ai/a2ui-runtime`, `@adia-ai/llm`) clarified as cluster-specific (`runtime` cluster + `chat` cluster, respectively); other clusters (`shell`, `editor`, `simple`, `theme`) can omit them or keep them as `--legacy-peer-deps` warnings under npm; pnpm with auto-install-peers silently installs them. Helps consumers who only want a subset avoid noisy install warnings.
-
 ## [0.4.4] - 2026-05-12
 
 ### Ride-along (no source changes)
@@ -193,7 +227,6 @@ The pattern key `./<cluster>/*.css` captures the element name; the value's two `
 Lockstep PATCH cut alongside `@adia-ai/web-components@0.4.4` (14 yaml gap closures from corpus simplification arc), `@adia-ai/a2ui-runtime@0.4.4` (registry expansion +27 web-modules + renderer kebab-case fix), `@adia-ai/a2ui-compose@0.4.4` (composition-library rename + transpiler `<a>` → Link), `@adia-ai/a2ui-corpus@0.4.4` (corpus simplification arc §36–§51), `@adia-ai/a2ui-mcp@0.4.4` (`get_fragment` tool retirement). Source byte-identical to v0.4.3.
 
 Internal `@adia-ai/*` dep ranges stay at `^0.4.0` (patch-cut asymmetry — `^0.4.0` covers `0.4.x` under semver). See root [CHANGELOG.md `## [0.4.4]`](../../../CHANGELOG.md) for the cut narrative.
-
 ## [0.4.3] - 2026-05-11
 
 ### Documentation
@@ -203,7 +236,6 @@ Internal `@adia-ai/*` dep ranges stay at `^0.4.0` (patch-cut asymmetry — `^0.4
 ### Lockstep
 
 9-package coordinated PATCH cut to v0.4.3. Internal `@adia-ai/*` dep ranges stay at `^0.4.0` (patch-cut asymmetry). No source change to any web-module element — `README.md` doc-only. See root [CHANGELOG.md `## [0.4.3]`](../../CHANGELOG.md).
-
 ## [0.4.2] - 2026-05-11
 
 ### Added
@@ -218,7 +250,6 @@ Internal `@adia-ai/*` dep ranges stay at `^0.4.0` (patch-cut asymmetry — `^0.4
 ### Lockstep
 
 9-package coordinated PATCH cut to v0.4.2 (per [`docs/specs/package-architecture.md` § 15](../../docs/specs/package-architecture.md#15-versioning-policy)). Internal `@adia-ai/*` dep ranges stay at `^0.4.0` (patch-cut asymmetry — `^0.4.0` covers `0.4.x` under semver). Source change scoped to one file (`editor/editor-sidebar/editor-sidebar.js`); rides alongside the `@adia-ai/web-components` v0.4.2 `<input-ui type="number">` rewrite. See root [CHANGELOG.md `## [0.4.2]`](../../CHANGELOG.md) for the cut narrative.
-
 ## [0.4.1] - 2026-05-10
 
 ### Added
@@ -233,7 +264,6 @@ Internal `@adia-ai/*` dep ranges stay at `^0.4.0` (patch-cut asymmetry — `^0.4
 ### Changed
 
 - Catalog count: 118 → 121 yamls (+3 from simple cluster children).
-
 ## [0.4.0] - 2026-05-10
 
 **⚠️ BREAKING** — first non-patch release in the 0.x line. Closes the ADR-0023 arc per [ADR-0024](../../.brain/adrs/0024-legacy-shell-shapes-retired.md). All 6 in-repo consumers migrated in v0.3.6; this release retires the legacy authoring shapes from the shell hosts.
@@ -262,7 +292,6 @@ Internal `@adia-ai/*` dep ranges stay at `^0.4.0` (patch-cut asymmetry — `^0.4
 ### Migration
 
 See root [CHANGELOG.md `## [0.4.0]`](../../CHANGELOG.md) for the full diff-style migration recipe. The 6 in-repo consumers (`apps/app-shell/`, `site/index.html`, `apps/chat/`, `apps/genui/gen-ui/`, `apps/construct-canvas/`, `apps/genui/a2ui-editor/`) were all migrated in v0.3.6 — see commit `c477d371`.
-
 ## [0.3.6] - 2026-05-10
 
 ### Added
@@ -288,7 +317,6 @@ See root [CHANGELOG.md `## [0.4.0]`](../../CHANGELOG.md) for the full diff-style
 ### Backwards compatibility
 
 Legacy authoring shapes (`<header>`, `<div data-editor-body>`, `<pane-ui data-left|data-right>`, `<div data-canvas>`, `<footer>`) all still work identically. Mixed markup renders the same. Migration is opt-in.
-
 ## [0.3.5] - 2026-05-07
 
 ### Added
@@ -312,7 +340,6 @@ Legacy authoring shapes (`<header>`, `<div data-editor-body>`, `<pane-ui data-le
 ### Backwards compatibility
 
 Legacy authoring shapes (`<section data-chat-messages>`, `<chat-input-ui data-chat-input>`, `[data-chat-empty]`, `[data-chat-status]`) all still work identically. Mixed markup renders the same. Migration is opt-in.
-
 ## [0.3.4] - 2026-05-07
 
 ### Added
@@ -348,7 +375,6 @@ Legacy authoring shapes (`<section data-chat-messages>`, `<chat-input-ui data-ch
 ### Backwards compatibility
 
 Legacy authoring shapes (`<aside data-sidebar="leading">`, `<dialog data-command>`, `<div data-resize>`, `[data-sidebar-toggle]`, `<aside-ui slot="leading">`) all still work identically. Mixed markup (some bespoke, some legacy) renders the same. Migration is opt-in.
-
 ## [0.3.3] - 2026-05-07
 
 **Lockstep cut.** All 9 published `@adia-ai/*` packages now share version `0.3.3`, governed by [`docs/specs/package-architecture.md` § 15](../../../docs/specs/package-architecture.md#15-versioning-policy).
@@ -361,7 +387,6 @@ Legacy authoring shapes (`<aside data-sidebar="leading">`, `<dialog data-command
 ### No source changes
 
 `@adia-ai/web-modules` source is byte-identical to `0.3.2`. The cut is a version bump + ride-along on the lockstep policy.
-
 ## [0.3.2] - 2026-05-06
 
 **9-package lockstep patch cut to v0.3.2.** All lockstep members share
@@ -376,7 +401,6 @@ version only.
 ### Changed
 
 - `version`: `0.3.1` → `0.3.2`.
-
 ## [0.3.1] - 2026-05-06
 
 **9-package lockstep patch cut.** All 9 published `@adia-ai/*` packages bump 0.3.0 → 0.3.1 per [`docs/specs/package-architecture.md` § 15](../../docs/specs/package-architecture.md#15-versioning-policy). Internal `@adia-ai/*` dep ranges remain at `^0.3.0` (covers `0.3.1` under semver — patch-cut asymmetry).
@@ -387,7 +411,6 @@ This package itself ships **no source changes** in v0.3.1. The cut bumps version
 
 - `version`: `0.3.0` → `0.3.1`.
 - Internal `@adia-ai/*` dep ranges: unchanged at `^0.3.0` (covers `0.3.1` under semver — patch-cut asymmetry).
-
 ## [0.3.0] - 2026-05-05
 
 **9-package lockstep cut + chat-shell now uses `@adia-ai/llm`.** All 9 published `@adia-ai/*` packages bump 0.2.5 → 0.3.0 per [`docs/specs/package-architecture.md` § 15](../../docs/specs/package-architecture.md#15-versioning-policy). Internal `@adia-ai/*` dep ranges bump `^0.2.0` → `^0.3.0`.
@@ -419,7 +442,6 @@ Update `package.json`:
 ```
 
 Then `npm install` (or pnpm). Imports of `<chat-shell>` itself don't change. Direct imports of `streamChat` from this package were never a public surface — they remain available indirectly via `@adia-ai/llm`.
-
 ## [0.2.5] - 2026-05-04
 
 **8-package lockstep cut.** All 8 published `@adia-ai/*` packages bump 0.2.4 → 0.2.5 per [`docs/specs/package-architecture.md` § 15](../../docs/specs/package-architecture.md#15-versioning-policy). Internal `@adia-ai/*` dep ranges remain at `^0.2.0` (covers 0.2.5 under semver — patch-cut asymmetry).
@@ -430,7 +452,6 @@ This is a **patch cut on top of v0.2.4, no BREAKING changes.** Substantive conte
 
 - `version`: `0.2.4` → `0.2.5`.
 - Internal `@adia-ai/*` dep ranges: unchanged at `^0.2.0` (covers `0.2.5` under semver — patch-cut asymmetry).
-
 ## [0.2.4] - 2026-05-04
 
 **8-package lockstep cut.** All 8 published `@adia-ai/*` packages bump 0.2.3 → 0.2.4 per [`docs/specs/package-architecture.md` § 15](../../docs/specs/package-architecture.md#15-versioning-policy). Internal `@adia-ai/*` dep ranges remain at `^0.2.0` (covers 0.2.4 under semver — patch-cut asymmetry).
@@ -449,7 +470,6 @@ _Nothing yet._
 ---
 
 ---
-
 ## [0.2.3] - 2026-05-04
 
 **Lockstep cut.** All 8 published `@adia-ai/*` packages bump
@@ -466,7 +486,6 @@ Patch cut — no breaking changes.
 ### No source changes
 
 `@adia-ai/web-modules` source is byte-identical to `0.2.2`. The cut bumps version + the internal dep range entries only.
-
 ## [0.2.2] — 2026-05-02
 
 **Lockstep cut.** All 8 published `@adia-ai/*` packages bump 0.2.1 → 0.2.2 per [`docs/specs/package-architecture.md` § 15](../../docs/specs/package-architecture.md#15-versioning-policy). Patch cut — no breaking changes.
@@ -482,7 +501,6 @@ Patch cut — no breaking changes.
 `web-modules` source is byte-identical to `0.2.1`. The cut bumps version + tracks peer-dep ranges only. Consumers benefit from the trait coverage 100% + `<traits-host>` wrapper that landed in `@adia-ai/web-components@0.2.2`.
 
 ---
-
 ## [0.2.1] — 2026-05-02
 
 **Lockstep cut.** All 8 published `@adia-ai/*` packages bump 0.2.0 → 0.2.1 per [`docs/specs/package-architecture.md` § 15](../../docs/specs/package-architecture.md#15-versioning-policy). Patch cut — no breaking changes.
@@ -498,7 +516,6 @@ Patch cut — no breaking changes.
 `web-modules` source is byte-identical to `0.2.0`. The cut bumps version + tracks peer-dep range only.
 
 ---
-
 ## [0.2.0] — 2026-05-02
 
 **Lockstep cut.** All 8 published `@adia-ai/*` packages now share one
@@ -518,7 +535,6 @@ byte-identical to 0.0.5. The cut bumps version + tightens peer-dep
 ranges only. Consumers who want the 0.0.5 work (page-content
 container-query system) get it via either 0.0.5 or 0.2.0 — both ship
 the same module code.
-
 ## [0.0.5] — 2026-05-02
 
 Additive — `page-content` container-query system on `<admin-shell>`.
@@ -552,7 +568,6 @@ instead of viewport width. No BREAKING changes.
   (max-width: 720px)` to `@container page-content (max-width: 720px)`
   for the same threshold so the docs site and the canonical
   `<admin-shell>` template behave identically.
-
 ## [0.0.4] — 2026-05-01
 
 ⚠️ **BREAKING** — nav family removed (consolidated into
@@ -609,7 +624,6 @@ on `<nav-group-ui>` + `<nav-item-ui>`, leading-indicator suppression
 in section variant) all live in the peer-dep
 `@adia-ai/web-components@0.0.33` — see its CHANGELOG. No additional
 work in this package beyond the deletions above.
-
 ## [0.0.3] — 2026-05-01
 
 ⚠️ **BREAKING** — class-naming-convention sweep per
@@ -709,7 +723,6 @@ The base class `UIElement` (renamed from `AdiaElement`) lives in
 `@adia-ai/web-components@0.0.32`. web-modules can't run against
 older web-components versions because `import { AdiaElement }`
 no longer resolves there.
-
 ## [0.0.2] — 2026-05-01
 
 ⚠️ **BREAKING** — naming-convention sweep per
@@ -789,7 +802,6 @@ Unchanged from 0.0.1 — four clusters (`shell`, `chat`, `editor`,
 `runtime`) with subpath exports. Directory contents within each
 cluster reshuffle per the rename map; the cluster names themselves
 don't change.
-
 ## [0.0.1] — 2026-05-01
 
 Initial extraction from `@adia-ai/web-components/patterns/`. Captures

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

@@ -52,9 +52,19 @@ editor-toolbar > [slot="status"] {
   color: var(--a-fg-muted);
 }
 
-editor-toolbar > [slot="action"]:first-of-type {
+/* The FIRST [slot="action"] element pushes to the trailing edge via
+   auto-margin. Subsequent action-slot siblings stack to its right with a
+   uniform space. The previous form `[slot="action"]:first-of-type` was
+   buggy: `:first-of-type` matches first-by-tagName (e.g. first <span>),
+   not first-by-slot — so when a <span slot="title"> or <span
+   slot="action-leading"> preceded the action cluster, the auto-margin
+   never fired. §196 (v0.5.6) closes FEEDBACK-09 §1. */
+editor-toolbar > [slot="action"] {
   margin-inline-start: auto;
 }
+editor-toolbar > [slot="action"] ~ [slot="action"] {
+  margin-inline-start: var(--a-space-2);
+}
 
 /* Full-screen mode — toolbar can be hidden by host CSS */
 editor-toolbar[full-screen] {
@@ -233,9 +243,14 @@ editor-statusbar > [slot="zoom"] {
   margin-inline-start: var(--a-space-2);
 }
 
-editor-statusbar > [slot="action"]:first-of-type {
+/* Same `:first-of-type` bug as the toolbar above — see §196 comment.
+   FEEDBACK-09 §2 (v0.5.6). */
+editor-statusbar > [slot="action"] {
   margin-inline-start: auto;
 }
+editor-statusbar > [slot="action"] ~ [slot="action"] {
+  margin-inline-start: var(--a-space-2);
+}
 
 /* ── editor-shell layout — when bespoke children are used ── */
 editor-shell:has(> editor-canvas) {

package/package.json

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

package/shell/admin-command/admin-command.css

@@ -0,0 +1,53 @@
+/* ═══════════════════════════════════════════════════════════════
+   admin-command — Module CSS (command-palette wrapper)
+
+   <admin-command> constructs an internal <dialog> programmatically
+   (see admin-command.js::connected). Native <dialog> ships with
+   thick ridge/inset border, narrow max-width, and `margin: auto`
+   centering — none of which suit a command palette. This module
+   CSS resets the native chrome + ships sensible position/size
+   defaults so every consumer doesn't have to duplicate the same
+   ~20-line block (which was the seed of the §189 regression that
+   broke the docs-site palette when the consumer's selectors went
+   inert post tag-rename).
+
+   Consumers may override any of these declarations from their own
+   stylesheet — module CSS is the layer-0 default, not the lock.
+
+   Authored 2026-05-14 in v0.5.6 §193 to close the §189 follow-up
+   filing. Previously duplicated across site/index.html (lines
+   23-44) and playgrounds/admin-shell/app/admin-shell.html (lines
+   18-38). Both consumer copies removed in the same commit.
+   ═══════════════════════════════════════════════════════════════ */
+
+/* Chrome reset — strip native <dialog> UA defaults so the inner
+   <command-ui> can size itself. Without this the palette renders
+   with a thick ridge border, narrow max-width, and content-width
+   flow. */
+admin-command dialog {
+  border: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+  max-width: none;
+  max-height: none;
+  position: fixed;
+  top: 20vh;
+  left: 50%;
+  transform: translateX(-50%);
+  overflow: visible;
+}
+
+/* Inner <command-ui> sizing — defaults to a comfortable two-column
+   palette footprint. Consumers can override via their own selector
+   `admin-command dialog command-ui { width: …; height: …; }`. */
+admin-command dialog command-ui {
+  width: 32rem;
+  height: 24rem;
+}
+
+/* Backdrop — native dialog supports ::backdrop which paints behind
+   the modal. Subtle dim so the underlying page stays visible. */
+admin-command dialog::backdrop {
+  background: rgba(0, 0, 0, 0.5);
+}

package/theme/theme-panel/theme-panel.examples.html

@@ -40,11 +40,11 @@
   <h2 variant="section">Inside a popover (canonical composition)</h2>
   <p data-note>The usual shape — a palette-icon button trigger pops the panel from a topbar. This is how <code>site/</code> and <code>playgrounds/admin-shell/</code> consume the module.</p>
   <code-ui language="html">&lt;popover-ui placement="bottom-end"&gt;
-  &lt;button-ui icon="palette" variant="ghost" size="sm" slot="trigger"&gt;&lt;/button-ui&gt;
+  &lt;button-ui icon="palette" title="Choose theme" variant="ghost" size="sm" slot="trigger"&gt;&lt;/button-ui&gt;
   &lt;theme-panel slot="content" parametric presets scheme-toggle&gt;&lt;/theme-panel&gt;
 &lt;/popover-ui&gt;</code-ui>
   <popover-ui placement="bottom-end">
-    <button-ui icon="palette" variant="ghost" size="sm" slot="trigger"></button-ui>
+    <button-ui icon="palette" title="Choose theme" variant="ghost" size="sm" slot="trigger"></button-ui>
     <theme-panel slot="content" parametric presets scheme-toggle></theme-panel>
   </popover-ui>
 </section>