@adia-ai/web-modules 0.8.39 → 0.8.41

package/onboarding/onboarding-checklist/onboarding-checklist.a2ui.json

@@ -147,6 +147,7 @@
       "getting started"
     ],
     "name": "UIOnboardingChecklist",
+    "parts": {},
     "related": [
       "Check",
       "List",
@@ -181,7 +182,7 @@
       },
       {
         "description": "All items done. Behavior depends on dismiss-on-complete.",
-        "attribute": "data-complete",
+        "attribute": "complete",
         "name": "complete"
       },
       {

package/onboarding/onboarding-checklist/onboarding-checklist.js

@@ -308,8 +308,8 @@ class UIOnboardingChecklist extends UIElement {
   }
 
   #syncCompletionAttrs() {
-    if (this.#isAllDone()) this.setAttribute('data-complete', '');
-    else this.removeAttribute('data-complete');
+    if (this.#isAllDone()) this.setAttribute('complete', '');
+    else this.removeAttribute('complete');
   }
 
   #maybeEmitComplete() {

package/onboarding/onboarding-checklist/onboarding-checklist.yaml

@@ -122,7 +122,7 @@ states:
     attribute: collapsed
   - name: complete
     description: All items done. Behavior depends on dismiss-on-complete.
-    attribute: data-complete
+    attribute: complete
   - name: dismissed
     description: Widget removed from layout after collapse or auto-dismiss.
     attribute: hidden

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-modules",
-  "version": "0.8.39",
+  "version": "0.8.41",
   "description": "AdiaUI composite custom elements — shell, chat, editor, runtime clusters built from @adia-ai/web-components primitives. Subpath exports per cluster.",
   "type": "module",
   "exports": {
@@ -389,11 +389,11 @@
     "./simple/**/*.js"
   ],
   "peerDependencies": {
-    "@adia-ai/web-components": "0.8.39",
-    "@adia-ai/a2ui": "0.8.39",
-    "@adia-ai/llm": "0.8.39",
-    "@adia-ai/agent": "0.8.39",
-    "@adia-ai/persona": "0.8.39"
+    "@adia-ai/web-components": "0.8.41",
+    "@adia-ai/a2ui": "0.8.41",
+    "@adia-ai/llm": "0.8.41",
+    "@adia-ai/agent": "0.8.41",
+    "@adia-ai/persona": "0.8.41"
   },
   "publishConfig": {
     "access": "public",

package/runtime/a2ui-root/a2ui-root.a2ui.json

@@ -94,15 +94,16 @@
       "mcp"
     ],
     "name": "A2UIRoot",
+    "parts": {
+      "default": {
+        "description": "The rendered surface — template-owned anatomy, not a light-DOM insertion point (gh#1454). `connected()` constructs `new A2UIRenderer(this, registry, …)` targeting the host itself; the renderer owns and stamps all rendered children as A2UI messages are processed. No consumer content is captured or preserved."
+      }
+    },
     "related": [
       "canvas",
       "inspector"
     ],
-    "slots": {
-      "default": {
-        "description": "The rendered surface. Children are stamped by the A2UI renderer."
-      }
-    },
+    "slots": {},
     "states": [
       {
         "description": "Default, ready to connect.",

package/runtime/a2ui-root/a2ui-root.css

@@ -0,0 +1,75 @@
+/* <a2ui-root> — default surface lifecycle styling.
+ *
+ * Spec: docs/ops/spec/spec-a2ui-surface-lifecycle.md "DOM contract", ADR-0061,
+ * gh#1364. Follow-up: gh#1433 — the gh#1364 build shipped the
+ * `data-a2ui-lifecycle` attribute + `pending` reflection with no default
+ * CSS hook (named gap in its own Findings).
+ *
+ * DEPENDENCY NOTE (2026-08-17): gh#1364's own PR (#1431) — the runtime
+ * that actually STAMPS `data-a2ui-lifecycle` — has not merged yet. This
+ * file is written ahead of that landing: every selector below is
+ * structurally inert until #1431 ships (no element ever carries the
+ * attribute on this branch), and activates automatically once it does —
+ * no further CSS change is owed here.
+ *
+ * `data-a2ui-lifecycle` is stamped on the PER-SURFACE root div
+ * (`[data-a2ui-surface]`, renderer-owned) — a descendant of `<a2ui-root>`,
+ * never on `<a2ui-root>` itself — so every rule below is a descendant
+ * selector inside this scope, matching the spec's own DOM-contract sample.
+ *
+ * Error UI is host-owned (OD-4, spec ratification 2026-08-16) — no default
+ * CSS for `error-empty` (nothing has ever rendered; the host owns what
+ * shows there). `error-stale` gets the SAME dim treatment as
+ * `pending-stale` — both are "prior committed content, still visible"
+ * states (REQ-007), not error chrome.
+ */
+@scope (a2ui-root) {
+  :where(:scope) {
+    /* ── Tokens ── */
+    --a2ui-root-stale-opacity:     0.6;
+    --a2ui-root-pending-bg:        var(--a-bg-muted);
+    --a2ui-root-pending-highlight: var(--a-bg-subtle);
+    --a2ui-root-pending-min-block: 6rem;
+    --a2ui-root-pending-radius:    var(--a-radius-md);
+    --a2ui-root-pending-duration:  1.5s;
+    --a2ui-root-pending-easing:    var(--a-easing);
+  }
+
+  /* ── stale-while-regenerate (REQ-001/007): old content stays visible,
+       dimmed, never blanked ── */
+  [data-a2ui-lifecycle="pending-stale"],
+  [data-a2ui-lifecycle="error-stale"] {
+    opacity: var(--a2ui-root-stale-opacity);
+  }
+
+  /* ── first render only (REQ-006): the surface has no content yet — a
+       shimmer window standing in for the host's own skeleton-ui, never
+       shown again once the surface has committed once ── */
+  [data-a2ui-lifecycle="pending-first"] {
+    display: block;
+    position: relative;
+    overflow: hidden;
+    min-block-size: var(--a2ui-root-pending-min-block);
+    background: var(--a2ui-root-pending-bg);
+    border-radius: var(--a2ui-root-pending-radius);
+  }
+
+  [data-a2ui-lifecycle="pending-first"]::after {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(
+      90deg,
+      transparent 25%,
+      var(--a2ui-root-pending-highlight) 50%,
+      transparent 75%
+    );
+    background-size: 200% 100%;
+    animation: a2ui-root-pending-shimmer var(--a2ui-root-pending-duration) var(--a2ui-root-pending-easing) infinite;
+  }
+
+  @keyframes a2ui-root-pending-shimmer {
+    from { background-position: 200% 0; }
+    to   { background-position: -200% 0; }
+  }
+}

package/runtime/a2ui-root/a2ui-root.js

@@ -6,9 +6,12 @@
  * <a2ui-root src="ws://localhost:8080" transport="ws"></a2ui-root>
  *
  * Static / author-driven mode — set the `doc` property (array of A2UI messages)
- * and the renderer resets + replays them. Editors and previews can drive the
- * surface without opening a transport. Setting `doc` to a new array re-renders
- * from scratch (reset() + processAll()).
+ * and the renderer transactionally replaces the surfaces it declares (per
+ * surfaceId: an existing surface regenerates through the surface lifecycle
+ * bracket — old content stays visible, no blank frame; spec-a2ui-surface-lifecycle.md,
+ * ADR-0061, gh#1364 — OD-2: "the blank flash is the bug"). Any surface the
+ * renderer is currently showing but the new doc no longer declares is torn
+ * down. Setting `doc` to a new array delegates to `replaceDoc()`.
  *
  *   const root = document.querySelector('a2ui-root');
  *   root.doc = [
@@ -22,7 +25,10 @@
  *   a2ui-error     — stream error (detail: { error })
  *   a2ui-closed    — stream ended
  *   a2ui-action    — user interaction (detail: { name, sourceComponentId, context })
- *   doc-replaced   — fired after a full doc reset + replay (author-driven mode)
+ *   doc-replaced   — fired after replaceDoc()/`doc =` settles (author-driven mode)
+ *   surface-pending / surface-committed / surface-aborted — bubble from the
+ *     renderer's surface lifecycle (REQ-010); `pending` below is their
+ *     rolled-up reflection.
  */
 
 import { defineIfFree } from '@adia-ai/web-components/core/register';
@@ -43,6 +49,13 @@ class A2UIRoot extends UIElement {
     loading:   { type: Boolean, default: false, reflect: true },
     active:    { type: Boolean, default: false, reflect: true },
     batch:     { type: Boolean, default: false, reflect: true },
+    // Surface lifecycle (spec-a2ui-surface-lifecycle.md, ADR-0061, gh#1364):
+    // true while ANY surface has an in-flight generation
+    // (renderer.pendingSurfaces.length > 0) — the "is something being
+    // regenerated" reflection, alongside the transport-level `loading`.
+    // NOT yet declared in a2ui-root.yaml's catalog contract — see this
+    // PR's Findings for the follow-up owed to the catalog seat.
+    pending:   { type: Boolean, default: false, reflect: true },
   };
 
   static template = () => null;
@@ -66,12 +79,23 @@ class A2UIRoot extends UIElement {
     }));
   };
 
+  // Surface lifecycle (gh#1364) — recompute the rolled-up `pending`
+  // reflection whenever any surface's bracket opens or settles. Bubbles
+  // from surface roots (children of `this`, since `this` is the renderer's
+  // container) so one listener on `this` covers every surface.
+  #onLifecycleChange = () => {
+    this.pending = !!this.#renderer && this.#renderer.pendingSurfaces.length > 0;
+  };
+
   connected() {
     this.#renderer = new A2UIRenderer(this, registry, { batch: this.batch });
 
     if (!this.#bound) {
       this.#bound = true;
       this.addEventListener('click', this.#onClick);
+      this.addEventListener('surface-pending', this.#onLifecycleChange);
+      this.addEventListener('surface-committed', this.#onLifecycleChange);
+      this.addEventListener('surface-aborted', this.#onLifecycleChange);
     }
   }
 
@@ -156,16 +180,97 @@ class A2UIRoot extends UIElement {
   }
 
   get doc() { return this.#doc; }
-  set doc(messages) {
-    this.#doc = Array.isArray(messages) ? messages : [];
+  set doc(messages) { this.replaceDoc(messages); }
+
+  /**
+   * Transactionally replace the rendered doc (spec-a2ui-surface-lifecycle.md
+   * OD-2: "the doc setter becomes atomic replace"). Per surfaceId declared
+   * in `messages`:
+   *   - an EXISTING surface regenerates through a begin → apply → commit
+   *     bracket — old content stays visible until the new answer commits,
+   *     no blank frame (REQ-001), and a replace-mode sweep removes
+   *     whatever the new messages no longer declare (REQ-004);
+   *   - a NEW surface is created, then immediately bracketed too, so first
+   *     render also gets a `pending-first` window a host can skeleton
+   *     (REQ-006) — see the events below.
+   * A surface the renderer currently holds that this doc no longer
+   * declares at all is torn down (deleteSurface) — same end state as the
+   * old reset()+replay, just without blanking surfaces that persist
+   * across calls (the common case: one long-lived `surfaceId`).
+   * `reset()` stays public for hosts that want a hard, unconditional clear.
+   *
+   * `async` (gh#1364 review finding): `commitSurfaceUpdate` itself is now
+   * async (it awaits any buffered `wireComponents` before sweeping), so
+   * this method awaits each commit before moving on. Every message this
+   * method applies directly goes through `renderer.applyTo(...)`, never
+   * `renderer.process(...)` — `process()` queues through the renderer's
+   * own rAF batch when `batch: true` (the `<a2ui-root batch>` config this
+   * element is constructed with), which would defer create/delete/commit
+   * ordering to the NEXT animation frame and break this method's
+   * transactional guarantee for exactly the hosts that opted into
+   * batching. `applyTo` always applies immediately regardless of the
+   * renderer's own batching flag (it's the same immediate path
+   * `beginSurfaceUpdate`'s bracket already uses for buffered replay).
+   */
+  async replaceDoc(messages) {
+    const docMessages = Array.isArray(messages) ? messages : [];
     if (!this.#renderer) {
-      this.#renderer = new A2UIRenderer(this, registry);
+      this.#renderer = new A2UIRenderer(this, registry, { batch: this.batch });
+    }
+    const renderer = this.#renderer;
+
+    const declaredSurfaceIds = new Set();
+    for (const msg of docMessages) {
+      if (msg && typeof msg === 'object' && typeof msg.surfaceId === 'string') {
+        declaredSurfaceIds.add(msg.surfaceId);
+      }
+    }
+
+    // Open a bracket for every EXISTING surface this doc still declares —
+    // before touching any message, so every message that targets one
+    // buffers instead of applying blank-then-fill.
+    const generationIds = new Map();
+    for (const surfaceId of declaredSurfaceIds) {
+      if (!renderer.getSurface(surfaceId)) continue;
+      const genId = renderer.beginSurfaceUpdate(surfaceId, { reason: 'regenerate' });
+      if (genId) generationIds.set(surfaceId, genId);
+    }
+
+    for (const msg of docMessages) {
+      const kind = msg?.type || msg?.messageType;
+      const surfaceId = msg?.surfaceId;
+
+      if (kind === 'createSurface') {
+        if (renderer.getSurface(surfaceId)) continue; // already exists — re-targeting is the bracket above, never a second createSurface (REQ-002)
+        renderer.applyTo(surfaceId, msg); // immediate — never queued behind `batch: true` (see method doc)
+        const genId = renderer.beginSurfaceUpdate(surfaceId, { reason: 'regenerate' });
+        if (genId) generationIds.set(surfaceId, genId);
+        continue;
+      }
+
+      renderer.applyTo(surfaceId, msg); // buffers if `surfaceId` has an open bracket above; applies immediately otherwise
+    }
+
+    for (const [surfaceId, genId] of generationIds) {
+      await renderer.commitSurfaceUpdate(surfaceId, genId);
     }
-    this.#renderer.reset();
-    for (const msg of this.#doc) this.#renderer.process(msg);
+
+    // Tear down whatever the renderer still holds that this doc no longer
+    // declares at all — the doc setter's full-replace guarantee, minus the
+    // blank flash for surfaces that persisted across the call. Immediate
+    // (applyTo), same batching-bypass reasoning as above — a torn-down
+    // surface must actually be absent before `doc-replaced` fires, not
+    // merely queued to become absent next frame.
+    for (const surfaceId of renderer.surfaces) {
+      if (!declaredSurfaceIds.has(surfaceId)) {
+        renderer.applyTo(surfaceId, { type: 'deleteSurface', surfaceId });
+      }
+    }
+
+    this.#doc = docMessages;
     this.dispatchEvent(new CustomEvent('doc-replaced', {
       bubbles: true,
-      detail: { count: this.#doc.length },
+      detail: { count: docMessages.length },
     }));
   }
 
@@ -181,6 +286,9 @@ class A2UIRoot extends UIElement {
   disconnected() {
     this.#abortCtrl?.abort();
     this.removeEventListener('click', this.#onClick);
+    this.removeEventListener('surface-pending', this.#onLifecycleChange);
+    this.removeEventListener('surface-committed', this.#onLifecycleChange);
+    this.removeEventListener('surface-aborted', this.#onLifecycleChange);
     this.#bound = false;
     this.active = false;
   }

package/runtime/a2ui-root/a2ui-root.yaml

@@ -58,9 +58,14 @@ events:
     description: Fired when the stream ends.
   doc-replaced:
     description: "Fired after a full doc reset + replay in author-driven mode. detail: { count }"
-slots:
+parts:
   default:
-    description: The rendered surface. Children are stamped by the A2UI renderer.
+    description: >-
+      The rendered surface — template-owned anatomy, not a light-DOM
+      insertion point (gh#1454). `connected()` constructs `new
+      A2UIRenderer(this, registry, …)` targeting the host itself; the
+      renderer owns and stamps all rendered children as A2UI messages are
+      processed. No consumer content is captured or preserved.
 states:
   - name: idle
     description: Default, ready to connect.

package/runtime/gen-root/gen-root.a2ui.json

@@ -53,15 +53,16 @@
       "agent-shell"
     ],
     "name": "GenRoot",
+    "parts": {
+      "default": {
+        "description": "Template-owned anatomy, not a light-DOM insertion point (gh#1454). render() unconditionally creates its own `<chat-thread-ui>` / `<canvas-ui>` / (when `[inspector]`) `<inspector-ui>` children and appends them — it never checks for or adopts consumer-authored children of those tags. The previous description (\"Author supplies chat-ui, canvas-ui... children\") documented an authoring model the source has never implemented; corrected here per AGENTS.md's source-wins rule."
+      }
+    },
     "related": [
       "AppShell",
       "Chat"
     ],
-    "slots": {
-      "default": {
-        "description": "Author supplies chat-ui, canvas-ui, and optional inspector-ui children."
-      }
-    },
+    "slots": {},
     "states": [
       {
         "description": "Default mode=chat.",

package/runtime/gen-root/gen-root.yaml

@@ -32,9 +32,17 @@ props:
 
 events: {}
 
-slots:
+parts:
   default:
-    description: Author supplies chat-ui, canvas-ui, and optional inspector-ui children.
+    description: >-
+      Template-owned anatomy, not a light-DOM insertion point (gh#1454).
+      render() unconditionally creates its own `<chat-thread-ui>` /
+      `<canvas-ui>` / (when `[inspector]`) `<inspector-ui>` children and
+      appends them — it never checks for or adopts consumer-authored
+      children of those tags. The previous description ("Author supplies
+      chat-ui, canvas-ui... children") documented an authoring model the
+      source has never implemented; corrected here per AGENTS.md's
+      source-wins rule.
 
 states:
   - name: idle

package/settings/integrations-page/integrations-page.a2ui.json

@@ -157,6 +157,7 @@
       "marketplace"
     ],
     "name": "UIIntegrationsPage",
+    "parts": {},
     "related": [
       "IntegrationCard",
       "Grid",
@@ -184,12 +185,12 @@
       },
       {
         "description": "Search query yields zero cards.",
-        "attribute": "data-empty-search",
+        "attribute": "empty-search",
         "name": "empty-search"
       },
       {
         "description": "`integrations` array is empty.",
-        "attribute": "data-empty-data",
+        "attribute": "empty-data",
         "name": "empty-data"
       }
     ],

package/settings/integrations-page/integrations-page.js

@@ -337,19 +337,19 @@ class UIIntegrationsPage extends UIElement {
     const groups = this.#computeGroups();
     const totalVisible = groups.reduce((sum, g) => sum + g.items.length, 0);
     if (this.loading) {
-      this.removeAttribute('data-empty-search');
-      this.removeAttribute('data-empty-data');
+      this.removeAttribute('empty-search');
+      this.removeAttribute('empty-data');
       return;
     }
     if (totalVisible === 0 && all.length > 0) {
-      this.setAttribute('data-empty-search', '');
-      this.removeAttribute('data-empty-data');
+      this.setAttribute('empty-search', '');
+      this.removeAttribute('empty-data');
     } else if (all.length === 0) {
-      this.setAttribute('data-empty-data', '');
-      this.removeAttribute('data-empty-search');
+      this.setAttribute('empty-data', '');
+      this.removeAttribute('empty-search');
     } else {
-      this.removeAttribute('data-empty-search');
-      this.removeAttribute('data-empty-data');
+      this.removeAttribute('empty-search');
+      this.removeAttribute('empty-data');
     }
   }
 

package/settings/integrations-page/integrations-page.yaml

@@ -146,10 +146,10 @@ states:
     attribute: loading
   - name: empty-search
     description: Search query yields zero cards.
-    attribute: data-empty-search
+    attribute: empty-search
   - name: empty-data
     description: "`integrations` array is empty."
-    attribute: data-empty-data
+    attribute: empty-data
 
 traits: []
 

package/settings/notification-preferences/notification-preferences.a2ui.json

@@ -135,6 +135,7 @@
       "notification-settings"
     ],
     "name": "UINotificationPreferences",
+    "parts": {},
     "related": [
       "Check",
       "Switch",

package/shell/admin-command/admin-command.a2ui.json

@@ -42,8 +42,11 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
+    "allowedParents": [
+      "AdminShell"
+    ],
     "anti_patterns": [],
-    "category": "interaction",
+    "category": "container",
     "composes": [],
     "events": {
       "command-select": {
@@ -63,6 +66,7 @@
       "quickaction"
     ],
     "name": "AdminCommand",
+    "parts": {},
     "related": [
       "AdminShell",
       "AdminSidebar",

package/shell/admin-command/admin-command.yaml

@@ -4,7 +4,7 @@ name: AdminCommand
 tag: admin-command
 status: stable
 component: AdminCommand
-category: interaction
+category: container
 version: 1
 description: |
   Module-tier command palette wrapper — wraps a native <dialog> and the
@@ -75,6 +75,8 @@ states:
 traits: []
 
 a2ui:
+  allowedParents:
+    - AdminShell
   rules:
     - >-
       admin-command wraps a native <dialog>; the inner <command-ui>

package/shell/admin-content/admin-content.a2ui.json

@@ -22,6 +22,9 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
+    "allowedParents": [
+      "AdminShell"
+    ],
     "anti_patterns": [],
     "category": "layout",
     "composes": [],
@@ -34,6 +37,7 @@
       "workspace"
     ],
     "name": "AdminContent",
+    "parts": {},
     "related": [
       "AdminShell",
       "AdminSidebar",

package/shell/admin-content/admin-content.yaml

@@ -40,6 +40,8 @@ states:
 traits: []
 
 a2ui:
+  allowedParents:
+    - AdminShell
   rules:
     - >-
       admin-content is the bespoke replacement for raw <main> inside

package/shell/admin-entity-item/admin-entity-item.a2ui.json

@@ -36,6 +36,7 @@
       "icon-label-badge"
     ],
     "name": "AdminEntityItem",
+    "parts": {},
     "related": [
       "AdminTopbar",
       "AdminStatusbar",

package/shell/admin-page/admin-page.a2ui.json

@@ -22,6 +22,10 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
+    "allowedParents": [
+      "AdminContent",
+      "AdminScroll"
+    ],
     "anti_patterns": [],
     "category": "layout",
     "composes": [],
@@ -33,6 +37,7 @@
       "container-query-host"
     ],
     "name": "AdminPage",
+    "parts": {},
     "related": [
       "AdminShell",
       "AdminContent",

package/shell/admin-page/admin-page.yaml

@@ -40,6 +40,9 @@ states:
 traits: []
 
 a2ui:
+  allowedParents:
+    - AdminContent
+    - AdminScroll
   rules:
     - >-
       admin-page is the bespoke replacement for <article data-content-root>.

package/shell/admin-page-body/admin-page-body.a2ui.json

@@ -22,6 +22,9 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
+    "allowedParents": [
+      "AdminPage"
+    ],
     "anti_patterns": [],
     "category": "layout",
     "composes": [],
@@ -33,6 +36,7 @@
       "centered-body"
     ],
     "name": "AdminPageBody",
+    "parts": {},
     "related": [
       "AdminPage",
       "AdminPageHeader",

package/shell/admin-page-body/admin-page-body.yaml

@@ -30,6 +30,8 @@ states:
 traits: []
 
 a2ui:
+  allowedParents:
+    - AdminPage
   rules:
     - >-
       admin-page-body is the centered body band of <admin-page>.

package/shell/admin-page-footer/admin-page-footer.a2ui.json

@@ -22,6 +22,9 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
+    "allowedParents": [
+      "AdminPage"
+    ],
     "anti_patterns": [],
     "category": "layout",
     "composes": [],
@@ -35,6 +38,7 @@
       "action-bar"
     ],
     "name": "AdminPageFooter",
+    "parts": {},
     "related": [
       "AdminPage",
       "AdminPageHeader",

package/shell/admin-page-footer/admin-page-footer.yaml

@@ -34,6 +34,8 @@ states:
 traits: []
 
 a2ui:
+  allowedParents:
+    - AdminPage
   rules:
     - >-
       admin-page-footer is the sticky bottom band of <admin-page>,

package/shell/admin-page-header/admin-page-header.a2ui.json

@@ -22,6 +22,9 @@
   ],
   "unevaluatedProperties": false,
   "x-adiaui": {
+    "allowedParents": [
+      "AdminPage"
+    ],
     "anti_patterns": [],
     "category": "layout",
     "composes": [],
@@ -33,6 +36,7 @@
       "page-band"
     ],
     "name": "AdminPageHeader",
+    "parts": {},
     "related": [
       "AdminPage",
       "AdminPageBody",