@adia-ai/a2ui-corpus 0.3.5 → 0.4.0

package/CHANGELOG.md

@@ -19,6 +19,32 @@ gap registry. Consumed by `@adia-ai/a2ui-retrieval` and
 
 _No pending changes._
 
+## [0.4.0] - 2026-05-10
+
+### Ride-along (no corpus changes)
+
+Lockstep MINOR cut alongside `@adia-ai/web-modules@0.4.0` (ADR-0024 legacy deprecation). Catalog regenerated; chunks/fragments/compositions/patterns byte-identical to v0.3.6.
+
+Internal `@adia-ai/*` dep ranges bumped from `^0.3.0` to `^0.4.0`. See root [CHANGELOG.md `## [0.4.0]`](../../../CHANGELOG.md) for the cut narrative.
+
+## [0.3.6] - 2026-05-10
+
+### Changed
+
+- **Component catalog regenerated** — 113 → 118 yamls (+5 from new editor-* bespoke children added in `@adia-ai/web-modules`). `catalog-a2ui_0_9.json` + `catalog-a2ui_0_9_rules.txt` regenerated.
+
+- **New catalog entries** for the editor-cluster bespoke family per ADR-0023:
+  - `EditorToolbar` (editor-toolbar) — JS-bearing
+  - `EditorCanvas` (editor-canvas) — JS-bearing
+  - `EditorSidebar` (editor-sidebar) — JS-bearing (delegates to `<pane-ui>`)
+  - `EditorStatusbar` / `EditorCanvasEmpty` — CSS-only structural
+
+The catalog is consumed by `@adia-ai/a2ui-retrieval` for protocol-vocabulary composition. Composers (zettel, chunk-zettel) now have addressable entries for editor sub-regions in protocol vocabulary.
+
+### No source changes
+
+Corpus chunks, fragments, compositions, and patterns are byte-identical to v0.3.5. The only change is the regenerated catalog manifest.
+
 ## [0.3.5] - 2026-05-07
 
 ### Changed

package/catalog-a2ui_0_9.json

@@ -5626,6 +5626,158 @@
         "version": 1
       }
     },
+    "EditorCanvas": {
+      "title": "EditorCanvas",
+      "description": "Module-tier editor canvas surface — replaces legacy <div data-canvas>\ninside <editor-shell> per ADR-0023. Owns scroll/zoom container\nsemantics, [empty] and [focused] reflected attributes, and a stable\ntarget for the host's content rendering pipeline.\n\nSits as the central content region inside <editor-shell>, between\nthe optional <editor-sidebar slot=\"leading\"> and <editor-sidebar\nslot=\"trailing\">. Authors compose <editor-canvas-empty> as an\noptional first child for the empty state; canvas content children\n(artboards, document body, etc.) are appended either statically or\ndynamically by the host.\n\nBackwards compat — <editor-shell> still recognizes the legacy\n<div data-canvas> shape via :is() selector. New code should prefer\n<editor-canvas>.\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "component": {
+          "const": "EditorCanvas"
+        },
+        "empty": {
+          "description": "Reflected — set when zero non-<editor-canvas-empty> children.\nDrives the <editor-canvas-empty> visibility via parent CSS —\nno JS toggling needed.\n",
+          "type": "boolean",
+          "default": true
+        },
+        "focused": {
+          "description": "Reflected — set when canvas claims focus ownership (programmatic\n.focus() call or toolbar full-screen toggle).\n",
+          "type": "boolean",
+          "default": false
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "container",
+        "events": {},
+        "examples": [],
+        "keywords": [
+          "editor-canvas",
+          "canvas",
+          "workspace",
+          "artboard",
+          "editor-surface"
+        ],
+        "name": "EditorCanvas",
+        "related": [
+          "EditorShell",
+          "EditorCanvasEmpty",
+          "EditorToolbar",
+          "EditorSidebar"
+        ],
+        "slots": {
+          "default": {
+            "description": "Default — canvas content (artboards, document body, blocks, etc.) plus an optional first <editor-canvas-empty> sibling for the empty state."
+          }
+        },
+        "states": [
+          {
+            "description": "Default canvas mode.",
+            "name": "idle"
+          },
+          {
+            "description": "Zero content children — empty state visible.",
+            "attribute": "empty",
+            "name": "empty"
+          },
+          {
+            "description": "Canvas is the focus surface.",
+            "attribute": "focused",
+            "name": "focused"
+          }
+        ],
+        "synonyms": {
+          "editor-canvas": [
+            "canvas",
+            "workspace",
+            "artboard",
+            "design-surface"
+          ]
+        },
+        "tag": "editor-canvas",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
+    "EditorCanvasEmpty": {
+      "title": "EditorCanvasEmpty",
+      "description": "Module-tier editor canvas empty state. CSS-only — no behavior, no\nJS. Sits as the first child of <editor-canvas> as the empty state\nplaceholder. Visibility is driven by <editor-canvas>'s [empty]\nreflected attribute via CSS (no JS toggling) — when content arrives,\nthe parent canvas loses [empty] and CSS hides this stub.\n\nReplaces ad-hoc empty-state placement inside the legacy\n<div data-canvas> per ADR-0023.\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "component": {
+          "const": "EditorCanvasEmpty"
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "feedback",
+        "events": {},
+        "examples": [],
+        "keywords": [
+          "editor-canvas-empty",
+          "empty-state",
+          "placeholder",
+          "no-content",
+          "canvas-empty"
+        ],
+        "name": "EditorCanvasEmpty",
+        "related": [
+          "EditorShell",
+          "EditorCanvas",
+          "EmptyState"
+        ],
+        "slots": {
+          "default": {
+            "description": "Empty state content — typically <empty-state-ui> with a \"Create new...\" prompt or onboarding affordance."
+          }
+        },
+        "states": [
+          {
+            "description": "Default, visible.",
+            "name": "idle"
+          },
+          {
+            "description": "Hidden via parent <editor-canvas>:not([empty]) selector.",
+            "name": "hidden"
+          }
+        ],
+        "synonyms": {
+          "editor-canvas-empty": [
+            "empty-state",
+            "placeholder",
+            "no-document"
+          ]
+        },
+        "tag": "editor-canvas-empty",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
     "EditorShell": {
       "title": "EditorShell",
       "description": "Behavior-only editor shell module for design-tool layouts. Author\nprovides the structural DOM — header (topbar), [data-editor-body] with\npane-ui children ([data-left], [data-right]), [data-canvas] for the\ncentral surface, and a footer (statusbar). editor-shell wires\nselect-ui[data-options] for JSON-parsed option lists.\n",
@@ -5697,6 +5849,265 @@
         "version": 1
       }
     },
+    "EditorSidebar": {
+      "title": "EditorSidebar",
+      "description": "Module-tier editor-cluster sidebar — wraps <pane-ui resizable>\n(the primitive that owns drag) and adds [collapsed] reflected\nstate, localStorage persistence (adia-editor-sidebar-{name}),\nand .toggle() / .collapse() / .expand() public API.\n\nSits inside <editor-shell> as slot=\"leading\" (navigator pane) or\nslot=\"trailing\" (inspector pane). Mirrors the cluster-namespace\nshape from <admin-sidebar> and <chat-sidebar>, but DELEGATES to\n<pane-ui> for resize rather than reimplementing it (per\nbespoke-shell-children skill §When NOT to promote — pane primitive\nalready owns this concern).\n\nThis is the FIRST bespoke shell child that delegates rather than\nduplicates a primitive's behavior. Pattern is: cluster-namespace +\nstate-as-attribute + persistence at the bespoke tier; physical\ndrag at the primitive tier.\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "collapsed": {
+          "description": "Reflected — set when inner <pane-ui> width is at or below 96px snap threshold.",
+          "type": "boolean",
+          "default": false
+        },
+        "component": {
+          "const": "EditorSidebar"
+        },
+        "resizing": {
+          "description": "Reflected — set during an active pointer-drag of the pane's\nresize handle. Used to disable transitions and visual treatments\nthat would feel laggy during drag.\n",
+          "type": "boolean",
+          "default": false
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "layout",
+        "events": {
+          "sidebar-toggle": {
+            "description": "Bubbles when .toggle() / .collapse() / .expand() is called.",
+            "detail": {
+              "expanded": "boolean",
+              "name": "string"
+            }
+          }
+        },
+        "examples": [],
+        "keywords": [
+          "editor-sidebar",
+          "navigator-pane",
+          "inspector-pane",
+          "editor-rail",
+          "sidebar",
+          "leading",
+          "trailing"
+        ],
+        "name": "EditorSidebar",
+        "related": [
+          "EditorShell",
+          "EditorCanvas",
+          "Pane",
+          "AdminSidebar",
+          "ChatSidebar"
+        ],
+        "slots": {
+          "default": {
+            "description": "Default — the inner <pane-ui resizable> wrapper. Authors compose header / section / footer inside the pane as usual."
+          }
+        },
+        "states": [
+          {
+            "description": "Default expanded state.",
+            "name": "idle"
+          },
+          {
+            "description": "Inner pane is at or below the snap threshold.",
+            "attribute": "collapsed",
+            "name": "collapsed"
+          }
+        ],
+        "synonyms": {
+          "editor-sidebar": [
+            "navigator",
+            "inspector",
+            "editor-rail",
+            "side-panel"
+          ]
+        },
+        "tag": "editor-sidebar",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
+    "EditorStatusbar": {
+      "title": "EditorStatusbar",
+      "description": "Module-tier editor statusbar — bottom chrome bar inside\n<editor-shell>. CSS-only, no behavior, no JS. Holds save/sync\nstate, zoom indicator, cursor position, and tertiary actions\nvia slot vocabulary.\n\nReplaces the legacy <footer> with positional content per ADR-0023.\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "component": {
+          "const": "EditorStatusbar"
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "layout",
+        "events": {},
+        "examples": [],
+        "keywords": [
+          "editor-statusbar",
+          "statusbar",
+          "bottom-bar",
+          "editor-footer"
+        ],
+        "name": "EditorStatusbar",
+        "related": [
+          "EditorShell",
+          "EditorToolbar",
+          "EditorCanvas"
+        ],
+        "slots": {
+          "default": {
+            "description": "Default — ad-hoc inline content (legacy positional layout)."
+          },
+          "action": {
+            "description": "Trailing action cluster (e.g., toggle full-screen)."
+          },
+          "cursor": {
+            "description": "Cursor position / selection indicator."
+          },
+          "status": {
+            "description": "Save/sync state indicator."
+          },
+          "zoom": {
+            "description": "Zoom level indicator."
+          }
+        },
+        "states": [
+          {
+            "description": "Default, the only state.",
+            "name": "idle"
+          }
+        ],
+        "synonyms": {
+          "editor-statusbar": [
+            "statusbar",
+            "footer-bar",
+            "bottom-bar"
+          ]
+        },
+        "tag": "editor-statusbar",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
+    "EditorToolbar": {
+      "title": "EditorToolbar",
+      "description": "Module-tier editor toolbar — replaces legacy <header> chrome bar\ninside <editor-shell> per ADR-0023. Owns the [full-screen] reflected\nattribute (set when host enters focus mode), click-bubble for\n[data-toolbar-action] buttons, and slot vocabulary routing.\n\nSits at the top of <editor-shell>. Authors compose actions + status\nvia slot vocabulary. The host (<editor-shell>) reads either\n<editor-toolbar> or <header> via :is() selector for backwards compat.\n",
+      "type": "object",
+      "allOf": [
+        {
+          "$ref": "#/$defs/ComponentCommon"
+        },
+        {
+          "$ref": "#/$defs/CatalogComponentCommon"
+        }
+      ],
+      "properties": {
+        "component": {
+          "const": "EditorToolbar"
+        },
+        "fullScreen": {
+          "description": "Reflected — set when editor is in distraction-free / focus mode.",
+          "type": "boolean",
+          "default": false
+        }
+      },
+      "required": [
+        "component"
+      ],
+      "unevaluatedProperties": false,
+      "x-adiaui": {
+        "anti_patterns": [],
+        "category": "layout",
+        "events": {
+          "toolbar-action": {
+            "description": "Bubbles when a child element with [data-toolbar-action] is clicked. Detail carries the action name from the clicked element's attribute.",
+            "detail": {
+              "name": "string"
+            }
+          }
+        },
+        "examples": [],
+        "keywords": [
+          "editor-toolbar",
+          "editor-titlebar",
+          "editor-chrome",
+          "app-header",
+          "editor-actions"
+        ],
+        "name": "EditorToolbar",
+        "related": [
+          "EditorShell",
+          "EditorCanvas",
+          "EditorSidebar",
+          "EditorStatusbar"
+        ],
+        "slots": {
+          "title": {
+            "description": "Editor / document title cluster."
+          },
+          "default": {
+            "description": "Default — ad-hoc inline content (legacy positional layout)."
+          },
+          "action": {
+            "description": "Trailing action cluster (settings, share, more)."
+          },
+          "action-leading": {
+            "description": "Leading action cluster (back, switcher, undo/redo)."
+          },
+          "status": {
+            "description": "Status indicator (saving, dirty, synced, etc.)."
+          }
+        },
+        "states": [
+          {
+            "description": "Default editor mode.",
+            "name": "idle"
+          },
+          {
+            "description": "Distraction-free / focus mode active.",
+            "attribute": "full-screen",
+            "name": "full-screen"
+          }
+        ],
+        "synonyms": {
+          "editor-toolbar": [
+            "editor-header",
+            "app-header",
+            "navbar",
+            "titlebar"
+          ]
+        },
+        "tag": "editor-toolbar",
+        "tokens": {},
+        "traits": [],
+        "version": 1
+      }
+    },
     "Embed": {
       "title": "Embed",
       "description": "Responsive sandboxed iframe wrapper.",

package/catalog-a2ui_0_9_rules.txt

@@ -40,9 +40,27 @@
 - chat-thread is the bespoke replacement for legacy <section data-chat-messages> inside <chat-shell>. Use it for the message scroll surface; the host appends dynamic message divs as children.
 - Place <chat-empty> as an optional first child for the empty state; the [empty] reflected attribute drives its visibility via CSS (no JS toggling).
 
+## EditorCanvasEmpty
+- editor-canvas-empty is the bespoke empty-state slot for <editor-canvas>. Place as the first child of <editor-canvas>; visibility is automatic via the [empty] reflected attribute.
+
+## EditorCanvas
+- editor-canvas is the bespoke replacement for legacy <div data-canvas> inside <editor-shell>. Use it as the central content region for editor work surfaces.
+- Place <editor-canvas-empty> as an optional first child for the empty state; the [empty] reflected attribute drives its visibility via CSS (no JS toggling).
+
 ## EditorShell
 - editor-shell is a layout skeleton. Children must follow the documented structural DOM; the element wires behavior, not content.
 
+## EditorSidebar
+- editor-sidebar wraps <pane-ui resizable> rather than implementing drag itself. Place a <pane-ui resizable> as the only structural child; fill the pane with header / section / footer slots.
+- The cluster-distinct localStorage prefix (adia-editor-sidebar-*) keeps editor sidebars from colliding with admin (adia-sidebar-*) and chat (adia-chat-sidebar-*) sidebars on the same domain.
+
+## EditorStatusbar
+- editor-statusbar replaces legacy <footer> chrome bar inside <editor-shell>. Use named slots for canonical clusters; ad-hoc content goes in the default slot.
+
+## EditorToolbar
+- editor-toolbar replaces legacy <header> chrome bar inside <editor-shell>. Use named slots (title / status / action / action-leading) for canonical clusters; ad-hoc inline content goes in the default slot.
+- Buttons that should trigger named actions get [data-toolbar-action="<name>"]. The toolbar bubbles a single 'toolbar-action' event up to the host with the name in detail.
+
 ## GenRoot
 - gen-root is an integration shell. Prefer admin-shell for admin UIs; use gen-root only for chat+canvas tooling.
 

package/chunks/_index.json

@@ -1,11 +1,11 @@
 {
   "schema": "genui-chunk-index@1",
-  "captured_at": "2026-05-07T15:03:20.693Z",
-  "total_instances": 322,
-  "unique_names": 173,
+  "captured_at": "2026-05-10T17:53:43.459Z",
+  "total_instances": 327,
+  "unique_names": 178,
   "by_kind": {
     "block": 308,
-    "page": 7,
+    "page": 12,
     "panel": 7
   },
   "chunks": [
@@ -189,6 +189,54 @@
       "slots": [],
       "nested": []
     },
+    {
+      "name": "agent-canvas-shell",
+      "kind": "page",
+      "primary": "article",
+      "instances": 1,
+      "pages": [
+        "/apps/generic-shells/app/agent-canvas/agent-canvas.contents.html"
+      ],
+      "slots": [
+        "toolbar",
+        "canvas",
+        "inspector",
+        "chat"
+      ],
+      "nested": []
+    },
+    {
+      "name": "chat-page-shell",
+      "kind": "page",
+      "primary": "article",
+      "instances": 1,
+      "pages": [
+        "/apps/generic-shells/app/chat-page/chat-page.contents.html"
+      ],
+      "slots": [
+        "sidebar",
+        "header",
+        "messages",
+        "input"
+      ],
+      "nested": []
+    },
+    {
+      "name": "doc-editor-shell",
+      "kind": "page",
+      "primary": "article",
+      "instances": 1,
+      "pages": [
+        "/apps/generic-shells/app/doc-editor/doc-editor.contents.html"
+      ],
+      "slots": [
+        "toolbar",
+        "editor",
+        "preview",
+        "metadata"
+      ],
+      "nested": []
+    },
     {
       "name": "editor-page-shell",
       "kind": "page",
@@ -232,6 +280,37 @@
       ],
       "nested": []
     },
+    {
+      "name": "gallery-page-shell",
+      "kind": "page",
+      "primary": "article",
+      "instances": 1,
+      "pages": [
+        "/apps/generic-shells/app/gallery-page/gallery-page.contents.html"
+      ],
+      "slots": [
+        "header",
+        "filter-bar",
+        "grid",
+        "lightbox"
+      ],
+      "nested": []
+    },
+    {
+      "name": "kanban-page-shell",
+      "kind": "page",
+      "primary": "article",
+      "instances": 1,
+      "pages": [
+        "/apps/generic-shells/app/kanban-page/kanban-page.contents.html"
+      ],
+      "slots": [
+        "header",
+        "board",
+        "detail-drawer"
+      ],
+      "nested": []
+    },
     {
       "name": "marketing-page-shell",
       "kind": "page",

package/chunks/agent-activity-feed.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Agent Activity</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Live reasoning trace</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <agent-trace-ui></agent-trace-ui>\n      <agent-reasoning-ui></agent-reasoning-ui>\n      <agent-artifact-ui></agent-artifact-ui>\n    </col-ui>\n  </section>\n</card-ui>",
   "source": "apps/patterns/app/agent-activity-feed/agent-activity-feed.contents.html",
-  "captured_at": "2026-05-07T15:03:20.693Z"
+  "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/agent-canvas-shell.json

@@ -0,0 +1,33 @@
+{
+  "name": "agent-canvas-shell",
+  "kind": "page",
+  "primary": "article",
+  "page": "/apps/generic-shells/app/agent-canvas/agent-canvas.contents.html",
+  "slots": [
+    {
+      "name": "toolbar",
+      "tagName": "header",
+      "html": "<row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"hand\" variant=\"ghost\" size=\"sm\" tooltip=\"Pan\"></button-ui>\n        <button-ui icon=\"cursor\" variant=\"ghost\" size=\"sm\" tooltip=\"Select\"></button-ui>\n        <separator-ui orientation=\"vertical\"></separator-ui>\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\" tooltip=\"Add node\"></button-ui>\n        <button-ui icon=\"trash\" variant=\"ghost\" size=\"sm\" tooltip=\"Delete\"></button-ui>\n      </row-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Export\" variant=\"outline\" size=\"sm\" icon=\"download\"></button-ui>\n      </row-ui>"
+    },
+    {
+      "name": "canvas",
+      "tagName": "section",
+      "html": "<text-ui color=\"subtle\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\">Canvas surface</text-ui>"
+    },
+    {
+      "name": "inspector",
+      "tagName": "section",
+      "html": "<stack-ui gap=\"3\">\n        <text-ui strong size=\"lg\">Inspector</text-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Label</label-ui>\n          <input-ui value=\"Untitled node\"></input-ui>\n        </stack-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Type</label-ui>\n          <select-ui>\n            <option>LLM</option>\n            <option>Tool</option>\n            <option>Condition</option>\n          </select-ui>\n        </stack-ui>\n      </stack-ui>"
+    },
+    {
+      "name": "chat",
+      "tagName": "section",
+      "html": "<header style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n        <text-ui strong size=\"sm\">Agent</text-ui>\n      </header>\n      <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n        <text-ui size=\"sm\" color=\"subtle\">Agent messages will appear here.</text-ui>\n      </section>\n      <footer style=\"padding:var(--a-space-2); border-top:1px solid var(--a-border-subtle);\">\n        <input-ui placeholder=\"Ask the agent…\" size=\"sm\"></input-ui>\n      </footer>"
+    }
+  ],
+  "nested": [],
+  "attrs": {},
+  "html": "<article style=\"display:flex; height:100vh;\">\n  <section style=\"flex:1; display:flex; flex-direction:column; min-width:0;\">\n    <header data-chunk-slot=\"toolbar\" style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle); display:flex; align-items:center; justify-content:space-between;\">\n      <row-ui gap=\"2\" align=\"center\">\n        <button-ui icon=\"hand\" variant=\"ghost\" size=\"sm\" tooltip=\"Pan\"></button-ui>\n        <button-ui icon=\"cursor\" variant=\"ghost\" size=\"sm\" tooltip=\"Select\"></button-ui>\n        <separator-ui orientation=\"vertical\"></separator-ui>\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\" tooltip=\"Add node\"></button-ui>\n        <button-ui icon=\"trash\" variant=\"ghost\" size=\"sm\" tooltip=\"Delete\"></button-ui>\n      </row-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Run\" variant=\"primary\" size=\"sm\" icon=\"play\"></button-ui>\n        <button-ui text=\"Export\" variant=\"outline\" size=\"sm\" icon=\"download\"></button-ui>\n      </row-ui>\n    </header>\n\n    <section data-chunk-slot=\"canvas\" style=\"flex:1; background:var(--a-bg-subtle); position:relative; overflow:hidden;\">\n      <text-ui color=\"subtle\" style=\"position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);\">Canvas surface</text-ui>\n    </section>\n  </section>\n\n  <aside style=\"width:280px; display:flex; flex-direction:column; border-left:1px solid var(--a-border-subtle);\">\n    <section data-chunk-slot=\"inspector\" style=\"flex:1; overflow:auto; padding:var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n      <stack-ui gap=\"3\">\n        <text-ui strong size=\"lg\">Inspector</text-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Label</label-ui>\n          <input-ui value=\"Untitled node\"></input-ui>\n        </stack-ui>\n        <stack-ui gap=\"1\">\n          <label-ui>Type</label-ui>\n          <select-ui>\n            <option>LLM</option>\n            <option>Tool</option>\n            <option>Condition</option>\n          </select-ui>\n        </stack-ui>\n      </stack-ui>\n    </section>\n\n    <section data-chunk-slot=\"chat\" style=\"height:240px; display:flex; flex-direction:column;\">\n      <header style=\"padding:var(--a-space-2) var(--a-space-3); border-bottom:1px solid var(--a-border-subtle);\">\n        <text-ui strong size=\"sm\">Agent</text-ui>\n      </header>\n      <section style=\"flex:1; overflow:auto; padding:var(--a-space-2);\">\n        <text-ui size=\"sm\" color=\"subtle\">Agent messages will appear here.</text-ui>\n      </section>\n      <footer style=\"padding:var(--a-space-2); border-top:1px solid var(--a-border-subtle);\">\n        <input-ui placeholder=\"Ask the agent…\" size=\"sm\"></input-ui>\n      </footer>\n    </section>\n  </aside>\n</article>",
+  "source": "apps/generic-shells/app/agent-canvas/agent-canvas.contents.html",
+  "captured_at": "2026-05-10T17:53:43.459Z"
+}

package/chunks/agent-reasoning-collapsed.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Reasoning</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Collapsible intermediate steps</text-ui>\n  </header>\n  <section>\n    <agent-reasoning-ui></agent-reasoning-ui>\n  </section>\n</card-ui>",
   "source": "apps/patterns/app/agent-reasoning-collapsed/agent-reasoning-collapsed.contents.html",
-  "captured_at": "2026-05-07T15:03:20.693Z"
+  "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/auth-account-deleted-actions.json

@@ -11,5 +11,5 @@
   },
   "html": "<col-ui gap=\"2\" size=\"lg\">\n              <button-ui text=\"Recover account\" icon=\"arrow-counter-clockwise\" variant=\"primary\"></button-ui>\n              <button-ui text=\"Sign in with a different account\" icon=\"user-switch\"></button-ui>\n            </col-ui>",
   "source": "apps/user-flow/app/auth/account-deleted/account-deleted.contents.html",
-  "captured_at": "2026-05-07T15:03:20.693Z"
+  "captured_at": "2026-05-10T17:53:43.459Z"
 }

package/chunks/auth-account-deleted.json

@@ -14,5 +14,5 @@
   },
   "html": "<card-ui raw style=\"max-width: 32rem\">\n        <header><!-- nested: auth-card-header --></header>\n\n        <section><!-- nested: auth-card-content --></section>\n      </card-ui>",
   "source": "apps/user-flow/app/auth/account-deleted/account-deleted.contents.html",
-  "captured_at": "2026-05-07T15:03:20.693Z"
+  "captured_at": "2026-05-10T17:53:43.459Z"
 }