@adia-ai/web-components 0.8.39 → 0.8.41

package/components/drilldown/drilldown.a2ui.json

@@ -112,43 +112,45 @@
       "catalog-browser"
     ],
     "name": "UIDrilldown",
-    "related": [
-      "Tree",
-      "List",
-      "Nav",
-      "Breadcrumb",
-      "Menu"
-    ],
-    "slots": {
+    "parts": {
       "title": {
-        "description": "Auto-stamped title cluster (current-level label + item count) inside the header."
+        "description": "Auto-stamped title cluster (current-level label + item count) inside the header — template-owned anatomy part, not a light-DOM insertion point (gh#1454)."
       },
       "back": {
-        "description": "Auto-stamped back-affordance <button> (chevron + parent-level label). Hidden at the root level."
-      },
-      "breadcrumb": {
-        "description": "Optional slot for a consumer-supplied <breadcrumb-ui> in the level header, for deep hierarchies. Not managed by drilldown-ui — the consumer wires jump clicks to `.path = [...]` itself."
+        "description": "Auto-stamped back-affordance <button> (chevron + parent-level label). Hidden at the root level — template-owned anatomy part, not a light-DOM insertion point (gh#1454)."
       },
       "counts": {
-        "description": "Auto-stamped per-row trailing count-chip cluster, rendered when the row's data item declares `counts`."
+        "description": "Auto-stamped per-row trailing count-chip cluster, rendered when the row's data item declares `counts` — template-owned anatomy part, rendered from data every row, not a light-DOM insertion point (gh#1454)."
       },
       "dot": {
-        "description": "Auto-stamped per-row leading color swatch, rendered when the row's data item declares a `dot` tone."
+        "description": "Auto-stamped per-row leading color swatch, rendered when the row's data item declares a `dot` tone — template-owned anatomy part, rendered from data every row, not a light-DOM insertion point (gh#1454)."
       },
       "filter": {
-        "description": "Auto-stamped filter-input row, shown only when `[filterable]` is set."
+        "description": "Auto-stamped filter-input row, shown only when `[filterable]` is set — template-owned anatomy part, not a light-DOM insertion point (gh#1454)."
       },
       "header": {
-        "description": "Auto-stamped level-header container (back affordance + breadcrumb + title/count). Structural — not consumer-overridable."
+        "description": "Auto-stamped level-header container (back affordance + breadcrumb + title/count). Structural — not consumer-overridable; template-owned anatomy part, not a light-DOM insertion point (gh#1454). Stamped once via an unconditional `this.innerHTML = …` with no consumer-content capture (except `breadcrumb`, which stays in `slots:` above)."
       },
       "main": {
-        "description": "Auto-stamped per-row content column (label + optional meta line)."
+        "description": "Auto-stamped per-row content column (label + optional meta line) — template-owned anatomy part, rendered from data every row, not a light-DOM insertion point (gh#1454)."
       },
       "meta": {
-        "description": "Auto-stamped per-row secondary meta line, rendered when the row's data item declares `meta`."
+        "description": "Auto-stamped per-row secondary meta line, rendered when the row's data item declares `meta` — template-owned anatomy part, rendered from data every row, not a light-DOM insertion point (gh#1454)."
       },
       "viewport": {
-        "description": "Auto-stamped clipping container for the current level's panel (hosts the slide-transition overflow clip)."
+        "description": "Auto-stamped clipping container for the current level's panel (hosts the slide-transition overflow clip) — template-owned anatomy part, not a light-DOM insertion point (gh#1454)."
+      }
+    },
+    "related": [
+      "Tree",
+      "List",
+      "Nav",
+      "Breadcrumb",
+      "Menu"
+    ],
+    "slots": {
+      "breadcrumb": {
+        "description": "Optional slot for a consumer-supplied <breadcrumb-ui> in the level header, for deep hierarchies. Not managed by drilldown-ui — the consumer wires jump clicks to `.path = [...]` itself."
       }
     },
     "states": [

package/components/drilldown/drilldown.class.js

@@ -12,6 +12,7 @@
  */
 
 import { UIElement, untracked } from '../../core/element.js';
+import { isElement } from '../../core/dom.js';
 
 /**
  * <drilldown-ui> — Single-panel, multi-level drill-in menu.
@@ -427,7 +428,7 @@ export class UIDrilldown extends UIElement {
     const counts = Array.isArray(item.counts) ? item.counts : [];
     if (counts.length) {
       html += `<span slot="counts">${counts
-        .map((c) => `<span data-count-chip data-tone="${this.#escAttr(c.variant || 'neutral')}">${this.#escText(c.value)}</span>`)
+        .map((c) => `<span data-drilldown-chip data-tone="${this.#escAttr(c.variant || 'neutral')}">${this.#escText(c.value)}</span>`)
         .join('')}</span>`;
     }
     if (hasChildren) html += `<icon-ui name="caret-right" slot="chevron"></icon-ui>`;
@@ -500,7 +501,7 @@ export class UIDrilldown extends UIElement {
   };
 
   #onPanelClick = (e) => {
-    const row = e.target instanceof Element ? e.target.closest('[role="option"]') : null;
+    const row = isElement(e.target) ? e.target.closest('[role="option"]') : null;
     if (!row) return;
     const item = this.#rowByEl.get(row);
     if (!item) return;
@@ -509,7 +510,7 @@ export class UIDrilldown extends UIElement {
   };
 
   #onKeydown = (e) => {
-    const row = e.target instanceof Element ? e.target.closest('[role="option"]') : null;
+    const row = isElement(e.target) ? e.target.closest('[role="option"]') : null;
     switch (e.key) {
       case 'ArrowDown':
         e.preventDefault();

package/components/drilldown/drilldown.css

@@ -230,7 +230,7 @@
     flex-direction: column;
     min-width: 0;
     flex: 1;
-    line-height: 1.3;
+    line-height: var(--a-font-leading-normal);
   }
   [slot="label"] {
     overflow: hidden;
@@ -251,21 +251,21 @@
     gap: var(--a-space-1);
     flex-shrink: 0;
   }
-  [data-count-chip] {
+  [data-drilldown-chip] {
     padding: var(--drilldown-count-chip-py) var(--drilldown-count-chip-px);
     border-radius: var(--drilldown-count-chip-radius);
     font-size: var(--drilldown-count-chip-font-size);
     font-variant-numeric: tabular-nums;
-    line-height: 1;
+    line-height: var(--a-font-leading-none);
     background: var(--drilldown-count-chip-bg);
     color: var(--drilldown-count-chip-fg);
     white-space: nowrap;
   }
-  [data-count-chip][data-tone="info"]    { background: var(--a-info-bg);    color: var(--md-sys-color-info-on-info); }
-  [data-count-chip][data-tone="success"] { background: var(--a-success-bg); color: var(--md-sys-color-success-on-success); }
-  [data-count-chip][data-tone="warning"] { background: var(--a-warning-bg); color: var(--md-sys-color-warning-on-warning); }
-  [data-count-chip][data-tone="danger"]  { background: var(--a-danger-bg);  color: var(--md-sys-color-danger-on-danger); }
-  [data-count-chip][data-tone="primary"] { background: var(--a-primary-bg); color: var(--md-sys-color-primary-on-primary); }
+  [data-drilldown-chip][data-tone="info"]    { background: var(--a-info-bg);    color: var(--md-sys-color-info-on-info); }
+  [data-drilldown-chip][data-tone="success"] { background: var(--a-success-bg); color: var(--md-sys-color-success-on-success); }
+  [data-drilldown-chip][data-tone="warning"] { background: var(--a-warning-bg); color: var(--md-sys-color-warning-on-warning); }
+  [data-drilldown-chip][data-tone="danger"]  { background: var(--a-danger-bg);  color: var(--md-sys-color-danger-on-danger); }
+  [data-drilldown-chip][data-tone="primary"] { background: var(--a-primary-bg); color: var(--md-sys-color-primary-on-primary); }
 
   [slot="chevron"] {
     --a-icon-size: var(--drilldown-chevron-size);

package/components/drilldown/drilldown.yaml

@@ -130,24 +130,55 @@ slots:
       Optional slot for a consumer-supplied <breadcrumb-ui> in the level
       header, for deep hierarchies. Not managed by drilldown-ui — the
       consumer wires jump clicks to `.path = [...]` itself.
+parts:
   header:
-    description: Auto-stamped level-header container (back affordance + breadcrumb + title/count). Structural — not consumer-overridable.
+    description: >-
+      Auto-stamped level-header container (back affordance + breadcrumb +
+      title/count). Structural — not consumer-overridable; template-owned
+      anatomy part, not a light-DOM insertion point (gh#1454). Stamped once
+      via an unconditional `this.innerHTML = …` with no consumer-content
+      capture (except `breadcrumb`, which stays in `slots:` above).
   back:
-    description: Auto-stamped back-affordance <button> (chevron + parent-level label). Hidden at the root level.
+    description: >-
+      Auto-stamped back-affordance <button> (chevron + parent-level label).
+      Hidden at the root level — template-owned anatomy part, not a
+      light-DOM insertion point (gh#1454).
   title:
-    description: Auto-stamped title cluster (current-level label + item count) inside the header.
+    description: >-
+      Auto-stamped title cluster (current-level label + item count) inside
+      the header — template-owned anatomy part, not a light-DOM insertion
+      point (gh#1454).
   filter:
-    description: Auto-stamped filter-input row, shown only when `[filterable]` is set.
+    description: >-
+      Auto-stamped filter-input row, shown only when `[filterable]` is set —
+      template-owned anatomy part, not a light-DOM insertion point (gh#1454).
   viewport:
-    description: Auto-stamped clipping container for the current level's panel (hosts the slide-transition overflow clip).
+    description: >-
+      Auto-stamped clipping container for the current level's panel (hosts
+      the slide-transition overflow clip) — template-owned anatomy part, not
+      a light-DOM insertion point (gh#1454).
   dot:
-    description: Auto-stamped per-row leading color swatch, rendered when the row's data item declares a `dot` tone.
+    description: >-
+      Auto-stamped per-row leading color swatch, rendered when the row's
+      data item declares a `dot` tone — template-owned anatomy part,
+      rendered from data every row, not a light-DOM insertion point
+      (gh#1454).
   main:
-    description: Auto-stamped per-row content column (label + optional meta line).
+    description: >-
+      Auto-stamped per-row content column (label + optional meta line) —
+      template-owned anatomy part, rendered from data every row, not a
+      light-DOM insertion point (gh#1454).
   meta:
-    description: Auto-stamped per-row secondary meta line, rendered when the row's data item declares `meta`.
+    description: >-
+      Auto-stamped per-row secondary meta line, rendered when the row's data
+      item declares `meta` — template-owned anatomy part, rendered from data
+      every row, not a light-DOM insertion point (gh#1454).
   counts:
-    description: Auto-stamped per-row trailing count-chip cluster, rendered when the row's data item declares `counts`.
+    description: >-
+      Auto-stamped per-row trailing count-chip cluster, rendered when the
+      row's data item declares `counts` — template-owned anatomy part,
+      rendered from data every row, not a light-DOM insertion point
+      (gh#1454).
 states:
   - name: idle
     description: Default, ready for interaction.

package/components/embed/embed.a2ui.json

@@ -71,15 +71,16 @@
       "third-party"
     ],
     "name": "UIEmbed",
+    "parts": {
+      "iframe": {
+        "description": "Sandboxed <iframe> element (allow-scripts allow-same-origin) — template-owned anatomy part, not a light-DOM insertion point (gh#1447)"
+      }
+    },
     "related": [
       "slider",
       "button"
     ],
-    "slots": {
-      "iframe": {
-        "description": "Sandboxed <iframe> element (allow-scripts allow-same-origin)"
-      }
-    },
+    "slots": {},
     "states": [
       {
         "description": "Default, ready for interaction.",

package/components/embed/embed.yaml

@@ -33,9 +33,9 @@ props:
     type: string
     default: 100%
 events: {}
-slots:
+parts:
   iframe:
-    description: Sandboxed <iframe> element (allow-scripts allow-same-origin)
+    description: Sandboxed <iframe> element (allow-scripts allow-same-origin) — template-owned anatomy part, not a light-DOM insertion point (gh#1447)
 states:
   - name: idle
     description: Default, ready for interaction.

package/components/empty-state/empty-state.a2ui.json

@@ -77,6 +77,7 @@
       "state"
     ],
     "name": "UIEmptyState",
+    "parts": {},
     "related": [
       "button",
       "drawer",

package/components/empty-state/empty-state.css

@@ -44,14 +44,14 @@
     font-size: var(--empty-state-heading-size);
     font-weight: var(--empty-state-heading-weight);
     color: var(--empty-state-heading-fg);
-    line-height: 1.3;
+    line-height: var(--a-font-leading-normal);
   }
 
   /* ── Description ── */
   [slot="description"] {
     font-size: var(--empty-state-desc-size);
     color: var(--empty-state-desc-fg);
-    line-height: 1.5;
+    line-height: var(--a-font-leading-relaxed);
     max-width: 36ch;
   }
 

package/components/feed/feed-item.a2ui.json

@@ -65,6 +65,9 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
+    "allowedParents": [
+      "Feed"
+    ],
     "anti_patterns": [],
     "category": "feedback",
     "composes": [],
@@ -83,17 +86,34 @@
       "notification-card"
     ],
     "name": "UIFeedItem",
+    "parts": {
+      "body": {
+        "description": "Template-owned anatomy part, not a light-DOM insertion point (gh#1454). render() always clears (`body.textContent = ''`) and rebuilds it wholesale from the `text` / `heading` props every cycle — no consumer content is preserved."
+      }
+    },
     "related": [
       "Feed",
       "Toast",
       "Alert"
     ],
-    "slots": {
-      "body": {
-        "description": "Default content slot (also accepts the `text` / `heading` props)"
+    "slots": {},
+    "states": [
+      {
+        "description": "Entry transition settled — deferred one frame (or immediate under SSR) after mount so the enter transition can run.",
+        "attribute": "open",
+        "name": "open"
+      },
+      {
+        "description": "Dismiss in progress — the exit transition is running before the element removes itself.",
+        "attribute": "closing",
+        "name": "closing"
+      },
+      {
+        "description": "Above the parent `<feed-ui>`'s `[max]` visible-lane limit; hidden until a visible sibling dismisses and promotes it (Phase 2 max-queue).",
+        "attribute": "queued",
+        "name": "queued"
       }
-    },
-    "states": {},
+    ],
     "status": "stable",
     "synonyms": {
       "feed-item": [

package/components/feed/feed-item.yaml

@@ -59,10 +59,29 @@ props:
 events:
   close:
     description: Fired after the item finishes its exit animation
-slots:
+parts:
   body:
-    description: Default content slot (also accepts the `text` / `heading` props)
-states: {}
+    description: >-
+      Template-owned anatomy part, not a light-DOM insertion point (gh#1454).
+      render() always clears (`body.textContent = ''`) and rebuilds it
+      wholesale from the `text` / `heading` props every cycle — no consumer
+      content is preserved.
+states:
+  - name: open
+    description: >-
+      Entry transition settled — deferred one frame (or immediate under
+      SSR) after mount so the enter transition can run.
+    attribute: open
+  - name: closing
+    description: >-
+      Dismiss in progress — the exit transition is running before the
+      element removes itself.
+    attribute: closing
+  - name: queued
+    description: >-
+      Above the parent `<feed-ui>`'s `[max]` visible-lane limit; hidden
+      until a visible sibling dismisses and promotes it (Phase 2 max-queue).
+    attribute: queued
 
 keywords:
   - feed-item
@@ -81,12 +100,14 @@ related:
   - Alert
 
 a2ui:
+  allowedParents:
+    - Feed
   rules:
     - rule: 'One notification entry inside <feed-ui>. Title + description + optional icon + auto-dismiss timer.'
       reason: 'Feed-channel item primitive.'
-    - rule: 'Typically created programmatically via UIFeed.post(...); do not place declaratively.'
-      reason: 'Imperative ownership.'
-    - rule: 'Different from <alert-ui> (inline persistent) and <toast-ui> (standalone ephemeral); feed-item is feed-scoped.'
-      reason: 'Surface boundary.'
+    - rule: 'Typically created programmatically via UIFeed.post(...); do not place declaratively — for a generated declarative notification author `Toast` instead, which forwards into this same channel (SPEC-FEED-CHANNEL-001 Phase 4).'
+      reason: 'Imperative ownership; taught-default ruling (#1363 C6 / #1375).'
+    - rule: 'Different from <alert-ui> (inline persistent). <toast-ui> is not a separate standalone system — it is the declarative-authoring facade for this same feed channel; both render as a feed-item paint site.'
+      reason: 'Surface boundary — corrected post-#1375 (toast used to be standalone, is now a facade).'
     - rule: 'For "notification deep-link" pattern: post with action + onAction. Click navigates and auto-dismisses (router.push() / location.href / api.markRead()).'
       reason: 'Deep-link pattern lives in the onAction callback, not in markup.'

package/components/feed/feed.a2ui.json

@@ -41,8 +41,14 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
-    "anti_patterns": [],
-    "category": "container",
+    "anti_patterns": [
+      {
+        "fix": "{\"component\": \"Toast\", \"variant\": \"success\", \"text\": \"Saved successfully.\"}\n",
+        "why": "<feed-ui> is a lazily-mounted per-position singleton reached via\nUIFeed.get()/.post(); statically nesting <feed-item-ui> children in\ngenerated markup bypasses that container lifecycle. Declarative\ntransient notifications are <toast-ui>'s job — it already dissolves\ninto this same channel on connect (SPEC-FEED-CHANNEL-001 Phase 4).\n",
+        "wrong": "{\"component\": \"Feed\", \"children\": [{\"component\": \"FeedItem\", \"variant\": \"success\", \"text\": \"Saved successfully.\"}]}\n"
+      }
+    ],
+    "category": "feedback",
     "composes": [
       "button-ui",
       "feed-item-ui"
@@ -63,6 +69,7 @@
       "notification-channel"
     ],
     "name": "UIFeedContainer",
+    "parts": {},
     "related": [
       "FeedItem",
       "Toast",

package/components/feed/feed.class.js

@@ -177,11 +177,18 @@ export class UIFeedItem extends UIElement {
     if (isActionRequired) this.#installFocusTrap();
     else                  this.#uninstallFocusTrap();
 
-    if (!this.hasAttribute('data-open') && !this.#removing) {
-      this.#openRaf = requestAnimationFrame(() => {
-        this.#openRaf = null;
-        this.setAttribute('data-open', '');
-      });
+    if (!this.hasAttribute('open') && !this.#removing) {
+      // rAF defers the attribute one frame so the enter transition can
+      // run. No rAF (SSR shim — gh#1436's render sweep) → emit the settled
+      // state directly; there's no frame to animate into.
+      if (typeof requestAnimationFrame === 'function') {
+        this.#openRaf = requestAnimationFrame(() => {
+          this.#openRaf = null;
+          this.setAttribute('open', '');
+        });
+      } else {
+        this.setAttribute('open', '');
+      }
     }
     this.#scheduleAutoDismiss();
   }
@@ -197,8 +204,8 @@ export class UIFeedItem extends UIElement {
     if (this.#removing) return;
     this.#removing = true;
     if (this.#timer) { clearTimeout(this.#timer); this.#timer = null; }
-    this.removeAttribute('data-open');
-    this.setAttribute('data-closing', '');
+    this.removeAttribute('open');
+    this.setAttribute('closing', '');
     this.#closeTimer = setTimeout(() => {
       this.#closeTimer = null;
       const container = this.parentElement;
@@ -328,11 +335,11 @@ export class UIFeed {
     } = opts;
     const v = variant === 'error' ? 'danger' : variant;  // documented alias
     const container = UIFeed.get(position);
-    // Phase 2 max-queue: items above [max] queue with [data-queued] and
+    // Phase 2 max-queue: items above [max] queue with [queued] and
     // become visible as visible items dismiss.
     const max = parseInt(container.getAttribute('max') || '5', 10);
     const visibleCount = [...container.children].filter((c) =>
-      c.tagName === 'FEED-ITEM-UI' && !c.hasAttribute('data-queued')
+      c.tagName === 'FEED-ITEM-UI' && !c.hasAttribute('queued')
     ).length;
     const item = document.createElement('feed-item-ui');
     if (id) item.setAttribute('data-id', id);
@@ -347,7 +354,7 @@ export class UIFeed {
     item.duration = action && !explicitDuration ? 0 : duration;
     if (dismissible != null) item.dismissible = !!dismissible;
     if (action) item.action = action;
-    if (visibleCount >= max) item.setAttribute('data-queued', '');
+    if (visibleCount >= max) item.setAttribute('queued', '');
     container.appendChild(item);
     if (typeof onAction === 'function') item.update({ onAction });
     return {
@@ -382,8 +389,8 @@ export class UIFeed {
     if (!container) return;
     // Promote the oldest queued sibling (if any) before deciding whether
     // to release. The queue is FIFO; queued items live at the tail.
-    const queued = container.querySelector('feed-item-ui[data-queued]');
-    if (queued) queued.removeAttribute('data-queued');
+    const queued = container.querySelector('feed-item-ui[queued]');
+    if (queued) queued.removeAttribute('queued');
     if (container.children.length > 0) return;
     try { container.hidePopover?.(); } catch { /* noop */ }
     container.remove();

package/components/feed/feed.css

@@ -3,16 +3,16 @@
    Per docs/specs/feed-channel.md (SPEC-FEED-CHANNEL-001).
    ═══════════════════════════════════════════════════════════════ */
 
-/* Safari 17.x bug — same as toast: `:scope[data-open]` flavor B
+/* Safari 17.x bug — same as toast: `:scope[open]` flavor B
    doesn't reliably restyle on attribute toggling inside @scope.
-   Selectors moved out as plain feed-item-ui[data-…] rules. */
-feed-item-ui[data-open] {
+   Selectors moved out as plain feed-item-ui[…] rules. */
+feed-item-ui[open] {
   transition: transform var(--feed-item-duration) var(--feed-item-easing),
               opacity   var(--feed-item-duration) var(--feed-item-easing);
   transform: translateY(0);
   opacity: 1;
 }
-feed-item-ui[data-closing] {
+feed-item-ui[closing] {
   transition: transform var(--feed-item-duration) var(--feed-item-easing),
               opacity   var(--feed-item-duration) var(--feed-item-easing);
   opacity: 0;
@@ -182,19 +182,19 @@ feed-item-ui[data-closing] {
   }
 }
 
-/* Phase 2 max-queue: items above [max] are appended with [data-queued]
+/* Phase 2 max-queue: items above [max] are appended with [queued]
    and stay invisible until a visible sibling dismisses (at which point
    `releaseContainerIfEmpty` strips the attribute). Display:none keeps
    them out of the layout AND screen-reader-invisible — items not yet
    shown shouldn't be announced. */
-feed-item-ui[data-queued] {
+feed-item-ui[queued] {
   display: none;
 }
 
 /* Reduced-motion: skip slide-in/out, keep opacity. */
 @media (prefers-reduced-motion: reduce) {
-  feed-item-ui[data-open],
-  feed-item-ui[data-closing] {
+  feed-item-ui[open],
+  feed-item-ui[closing] {
     transition: opacity var(--feed-item-duration) var(--feed-item-easing);
     transform: none !important;
   }

package/components/feed/feed.yaml

@@ -5,7 +5,7 @@ name: UIFeedContainer
 tag: feed-ui
 status: stable
 component: Feed
-category: container
+category: feedback
 version: 1
 description: >-
   Shared top-layer feed channel. Per .claude/docs/specs/feed-channel.md
@@ -67,3 +67,16 @@ a2ui:
       reason: 'Imperative API ownership.'
     - rule: 'For inline persistent alerts inside content regions use <alert-ui> instead; feed is ephemeral overlay.'
       reason: 'Surface boundary.'
+    - rule: 'Not the generation target for a new transient notification — author `Toast` instead. <toast-ui> is a thin declarative facade that already posts into this channel and self-removes on connect (SPEC-FEED-CHANNEL-001 Phase 4); `<feed-ui>`/`<feed-item-ui>` are the imperative/programmatic infrastructure underneath it, reached via `UIFeed.post()` or a declared `<toast-ui>`, never by placing `<feed-ui>`/`<feed-item-ui>` directly in generated markup.'
+      reason: 'Taught-default ruling (#1363 C6 / #1375) — cross-references <toast-ui>''s own a2ui rules.'
+anti_patterns:
+  - wrong: |
+      {"component": "Feed", "children": [{"component": "FeedItem", "variant": "success", "text": "Saved successfully."}]}
+    why: |
+      <feed-ui> is a lazily-mounted per-position singleton reached via
+      UIFeed.get()/.post(); statically nesting <feed-item-ui> children in
+      generated markup bypasses that container lifecycle. Declarative
+      transient notifications are <toast-ui>'s job — it already dissolves
+      into this same channel on connect (SPEC-FEED-CHANNEL-001 Phase 4).
+    fix: |
+      {"component": "Toast", "variant": "success", "text": "Saved successfully."}

package/components/field/field.a2ui.json

@@ -89,6 +89,7 @@
       "wrapper"
     ],
     "name": "UIField",
+    "parts": {},
     "related": [
       "input",
       "select",

package/components/field/field.css

@@ -133,7 +133,7 @@
   :scope [slot="hint"],
   :scope [slot="error"] {
     grid-area: message;
-    line-height: 1.3;
+    line-height: var(--a-font-leading-normal);
   }
   :scope [slot="hint"] {
     color: var(--field-hint-color);

package/components/field/field.examples.md

@@ -43,6 +43,6 @@
 
 ```html
 <field-ui inline label="Search">
-  <input-ui type="search" placeholder="Type a command…"></input-ui>
+  <search-ui placeholder="Type a command…"></search-ui>
 </field-ui>
 ```

package/components/fields/fields.a2ui.json

@@ -67,6 +67,7 @@
       "group"
     ],
     "name": "UIFields",
+    "parts": {},
     "related": [
       "field",
       "input",

package/components/fields/fields.examples.md

@@ -45,7 +45,7 @@
 ```html
 <fields-ui inline>
   <field-ui label="Search">
-    <input-ui type="search" placeholder="Type to search…"></input-ui>
+    <search-ui placeholder="Type to search…"></search-ui>
   </field-ui>
   <field-ui label="Kind">
     <select-ui value="all">

package/components/footer/footer.a2ui.json

@@ -53,6 +53,7 @@
       "footer"
     ],
     "name": "UIFooter",
+    "parts": {},
     "related": [
       "avatar",
       "input",

package/components/frame/frame.a2ui.json

@@ -46,6 +46,7 @@
       "sheet"
     ],
     "name": "UIFrame",
+    "parts": {},
     "related": [
       "Card",
       "Drawer",

package/components/grid/grid.a2ui.json

@@ -86,6 +86,7 @@
       "responsive"
     ],
     "name": "UIGrid",
+    "parts": {},
     "related": [
       "button",
       "badge",

package/components/header/header.a2ui.json

@@ -16,8 +16,8 @@
     "component": {
       "const": "Header"
     },
-    "padding": {
-      "description": "Bare attribute — enables default header padding. The container parent's own `padding` prop sets the scale.",
+    "padded": {
+      "description": "Bare attribute — enables default header padding. The container parent's own `padding` prop sets the scale. Renamed from `[padding]` (gh#1335) — a boolean can't share a name with the global Scale-grammar `[padding]` attribute (ADR-0053).",
       "type": "boolean",
       "default": false
     }
@@ -47,6 +47,7 @@
       "header"
     ],
     "name": "UIHeader",
+    "parts": {},
     "related": [
       "avatar",
       "input",