@artooi/ag-ui-web-component 0.17.0 → 0.18.0

package/CHANGELOG.md

@@ -7,6 +7,50 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.18.0] — 2026-08-10
+
+### Added
+
+- **A copy button on code blocks in agent answers.** An agent answering with
+  code is answering with something the reader means to *use*, and selecting it
+  by hand out of a scrolling transcript — inside a shadow root, in a narrow
+  sidebar — was the one interaction the chat surface made harder than the page
+  around it.
+
+  Revealed on hover **and keyboard focus** (hidden-until-hover is invisible to a
+  keyboard user), styleable via the `code-copy` part, with `copyCode` /
+  `copied` / `copyFailed` in `UiStrings`.
+
+  ⚠ **It reports failure rather than always claiming success.** The Clipboard
+  API needs a secure context and is simply absent in some embeddings; a button
+  that always says "Copied" sends the reader off to paste stale clipboard
+  content and find out somewhere else entirely.
+
+### Fixed
+
+- **A bare `data-prompt-chips` or `data-slash-commands` now enables the
+  feature**, instead of silently disabling it. Both were compared against the
+  string `"true"`, so writing the attribute bare — the spelling every native
+  boolean attribute uses, and the one a reader reaches for first — turned off
+  the thing it names, with nothing to indicate why the chips never appeared.
+  `="false"` still turns them off.
+
+- **The checkpoint panel manages focus.** It declared `role="dialog"` and took
+  no focus at all, so a keyboard user was left behind an open dialog; the thread
+  drawer had done this correctly all along. Focus now moves in on open, is
+  restored on close, and Tab is trapped while it is open.
+
+  ⚠ **With no continuable runs the panel holds no controls**, so the panel
+  itself is focusable as the fallback — otherwise "move focus to the first
+  control" silently does nothing in exactly the case where the user has least to
+  go on.
+
+- **The README described a `dist/ag-ui-web-component.bundle.css` that the build
+  has never emitted.** The styles are a template literal injected into the
+  shadow root, so there is no sidecar to load — and a reader looking for the
+  file to override was looking for the wrong seam. Documented as CSS custom
+  properties and `part` attributes instead.
+
 ## [0.17.0] — 2026-08-10
 
 ### Added
@@ -833,7 +877,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Notes
 - First release — exercising the automated npm OIDC publish pipeline end-to-end.
 
-[Unreleased]: https://github.com/Artui/ag-ui-web-component/compare/v0.17.0...HEAD
+[Unreleased]: https://github.com/Artui/ag-ui-web-component/compare/v0.18.0...HEAD
+[0.18.0]: https://github.com/Artui/ag-ui-web-component/compare/v0.17.0...v0.18.0
 [0.17.0]: https://github.com/Artui/ag-ui-web-component/compare/v0.16.0...v0.17.0
 [0.16.0]: https://github.com/Artui/ag-ui-web-component/compare/v0.15.0...v0.16.0
 [0.15.0]: https://github.com/Artui/ag-ui-web-component/compare/v0.14.1...v0.15.0

package/README.md

@@ -150,8 +150,8 @@ That's the whole integration: an `endpoint` attribute pointing at your AG-UI ser
 | `title-text` | — | Header label; defaults to `"Assistant"`. The only **observed** attribute (live-updates the header). |
 | `data-tool-display` | `toolDisplay` | Tool-call card detail: `inline` / `minimal` / `compact` / `full` (default `full`). |
 | `data-text-animation` | — | Incoming-text reveal: `none` (default) / `fade` / `word`. |
-| `data-prompt-chips` | — | `"true"` to surface skills as chips. |
-| `data-slash-commands` | — | `"true"` to enable the `/`-command palette. |
+| `data-prompt-chips` | — | Present (bare, or any value but `"false"`) to surface skills as chips. |
+| `data-slash-commands` | — | Present (bare, or any value but `"false"`) to enable the `/`-command palette. |
 | `data-skills` | — | Inline JSON skill catalog. |
 | `data-skills-url` | — | URL of a JSON skill catalog (fetched with `headers`). |
 | `data-tools-url` | — | URL of a server tool-label catalog (`[{ name, summary, description? }]`), fetched with `headers`; labels tool-call cards for server-side tools. |
@@ -194,6 +194,10 @@ labels are fetched automatically — per card, `x-summary` → an explicit
 
 **Properties** (selected): `sharedState` — AG-UI shared state (documented under Tools & state).
 
+Code blocks in an agent's answer carry a **copy button**, revealed on hover or
+keyboard focus and styleable via the `code-copy` part. Override its labels with
+the `copyCode` / `copied` / `copyFailed` strings.
+
 **Methods**: `registerTool`, `registerPageState`, `setSkills`, `sendMessage`, `attachFile`,
 `appendMessage`, `newChat`, `setCollapsed`, `toggleCollapsed`.
 
@@ -1189,10 +1193,14 @@ This produces, into `dist/`:
   them.
 - `ag-ui-web-component.bundle.js` — the **vendored** ESM bundle, every dependency inlined and
   minified, suitable for direct `<script type="module">` embedding.
-- `ag-ui-web-component.bundle.css` — the extracted CSS sidecar.
 - `index.d.ts` (+ source maps) — type declarations; emitted `.js` import specifiers are preserved
   so consumers resolve types without extra flags.
 
+There is **no CSS file to load**. The styles are a template literal injected into
+the shadow root at construction, so they ship inside the JS and cannot leak into
+the host page. Restyle through the [CSS custom properties](#theming-density-and-placement) and the
+`part` attributes, not a stylesheet override.
+
 Other workflow targets (all identical in name to the sibling Python packages):
 
 | Target | What it does |