@adia-ai/a2ui-corpus 0.4.3 → 0.4.5

package/compositions/agent/error-state-retry.json

@@ -1,32 +1,115 @@
 {
   "$schema": "../_schema.json",
   "name": "error-state-retry",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "agent",
   "description": "Error state card with an error alert/icon, failure explanation, and prominent Retry button plus a secondary recovery action. Shown when an operation fails and the user can retry.",
   "tags": {
-    "purpose": ["error-state", "feedback", "recovery"],
+    "purpose": [
+      "error-state",
+      "feedback",
+      "recovery"
+    ],
     "complexity": "atomic",
     "layout": "centered"
   },
   "keywords": [
-    "error", "error state", "error message", "failure", "failed",
-    "retry", "retry button", "try again", "reload", "refresh",
-    "something went wrong", "unable to load", "request failed",
-    "network error", "connection error", "problem", "alert", "recovery"
+    "error",
+    "error state",
+    "error message",
+    "failure",
+    "failed",
+    "retry",
+    "retry button",
+    "try again",
+    "reload",
+    "refresh",
+    "something went wrong",
+    "unable to load",
+    "request failed",
+    "network error",
+    "connection error",
+    "problem",
+    "alert",
+    "recovery"
   ],
-
   "template": [
-    { "id": "root", "component": "Card", "children": ["col"] },
-    { "id": "col",  "component": "Column", "children": ["alert", "tile", "actions"], "gap": "3", "align": "center" },
-    { "id": "alert", "component": "Alert", "variant": "danger",
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "col"
+      ]
+    },
+    {
+      "id": "col",
+      "component": "Column",
+      "children": [
+        "alert",
+        "tile",
+        "actions"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "alert",
+      "component": "Alert",
+      "variant": "danger",
       "title": "Something went wrong",
-      "description": "We couldn't complete that request. Check your connection and try again." },
-    { "id": "tile", "$fragment": "icon-title-description",
-      "bindings": { "icon": "alert-circle", "title": "Request failed", "description": "The server returned an error. Retrying may resolve the issue." } },
-    { "id": "actions", "component": "Row", "gap": "2", "align": "center", "children": ["retry", "cancel"] },
-    { "id": "retry",  "component": "Button", "variant": "primary", "icon": "refresh-cw", "text": "Retry" },
-    { "id": "cancel", "component": "Button", "variant": "ghost", "text": "Go back" }
-  ]
+      "description": "We couldn't complete that request. Check your connection and try again."
+    },
+    {
+      "id": "tile",
+      "component": "Column",
+      "children": [
+        "tile--ft-icon",
+        "tile--ft-title",
+        "tile--ft-desc"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "tile--ft-icon",
+      "component": "Icon",
+      "name": "alert-circle"
+    },
+    {
+      "id": "tile--ft-title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Request failed"
+    },
+    {
+      "id": "tile--ft-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "The server returned an error. Retrying may resolve the issue."
+    },
+    {
+      "id": "actions",
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "children": [
+        "retry",
+        "cancel"
+      ]
+    },
+    {
+      "id": "retry",
+      "component": "Button",
+      "variant": "primary",
+      "icon": "refresh-cw",
+      "text": "Retry"
+    },
+    {
+      "id": "cancel",
+      "component": "Button",
+      "variant": "ghost",
+      "text": "Go back"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/agent/loading-skeleton.json

@@ -1,19 +1,83 @@
 {
   "$schema": "../_schema.json",
   "name": "loading-skeleton",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "agent",
-  "description": "Skeleton placeholder mimicking a card layout — shown during data loading for perceived-performance.",
-  "tags": { "purpose": ["loading", "skeleton", "placeholder"], "complexity": "atomic", "layout": "stacked" },
-  "keywords": ["skeleton", "loading", "placeholder", "shimmer", "loader"],
+  "description": "Skeleton placeholder mimicking a card layout \u2014 shown during data loading for perceived-performance.",
+  "tags": {
+    "purpose": [
+      "loading",
+      "skeleton",
+      "placeholder"
+    ],
+    "complexity": "atomic",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "skeleton",
+    "loading",
+    "placeholder",
+    "shimmer",
+    "loader"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
-    { "id": "hdr", "component": "Header", "children": ["sk-title"] },
-    { "id": "sk-title", "component": "Skeleton", "width": "40%", "height": "1.5rem" },
-    { "id": "sec", "$fragment": "section-with-stack", "bindings": { "items": ["l1", "l2", "l3"], "gap": "2" } },
-    { "id": "l1", "component": "Skeleton", "width": "100%", "height": "1rem" },
-    { "id": "l2", "component": "Skeleton", "width": "90%", "height": "1rem" },
-    { "id": "l3", "component": "Skeleton", "width": "75%", "height": "1rem" }
-  ]
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "sk-title"
+      ]
+    },
+    {
+      "id": "sk-title",
+      "component": "Skeleton",
+      "width": "40%",
+      "height": "1.5rem"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "l1",
+        "l2",
+        "l3"
+      ]
+    },
+    {
+      "id": "l1",
+      "component": "Skeleton",
+      "width": "100%",
+      "height": "1rem"
+    },
+    {
+      "id": "l2",
+      "component": "Skeleton",
+      "width": "90%",
+      "height": "1rem"
+    },
+    {
+      "id": "l3",
+      "component": "Skeleton",
+      "width": "75%",
+      "height": "1rem"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/agent/notification-preferences.json

@@ -1,11 +1,19 @@
 {
   "$schema": "../_schema.json",
   "name": "notification-preferences",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "agent",
   "description": "Notification preferences settings panel with grouped toggle switches for email, push, and in-app alerts across categories, plus quiet-hours controls and a save button.",
-  "tags": { "purpose": ["settings", "preferences", "notifications"], "complexity": "medium", "layout": "stacked" },
+  "tags": {
+    "purpose": [
+      "settings",
+      "preferences",
+      "notifications"
+    ],
+    "complexity": "medium",
+    "layout": "stacked"
+  },
   "keywords": [
     "notification preferences",
     "notification settings",
@@ -23,30 +31,385 @@
     "notification categories"
   ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec",
+        "ftr"
+      ]
+    },
     {
       "id": "hdr",
-      "$fragment": "card-header-with-description",
-      "bindings": { "heading": "Notification preferences", "description": "Choose how and when you want to be notified." }
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Notification preferences"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Choose how and when you want to be notified."
     },
     {
       "id": "sec",
-      "$fragment": "section-with-stack",
-      "bindings": { "items": ["g1title", "t1", "t2", "t3", "div1", "g2title", "t4", "t5", "t6", "div2", "g3title", "t7", "t8"], "gap": "4" }
-    },
-    { "id": "g1title", "component": "Text", "variant": "section", "textContent": "Email" },
-    { "id": "t1", "$fragment": "labeled-toggle", "bindings": { "label": "Comments and mentions", "checked": true } },
-    { "id": "t2", "$fragment": "labeled-toggle", "bindings": { "label": "Task assignments", "checked": true } },
-    { "id": "t3", "$fragment": "labeled-toggle", "bindings": { "label": "Weekly digest", "checked": false } },
-    { "id": "div1", "component": "Divider" },
-    { "id": "g2title", "component": "Text", "variant": "section", "textContent": "Push" },
-    { "id": "t4", "$fragment": "labeled-toggle", "bindings": { "label": "Direct messages", "checked": true } },
-    { "id": "t5", "$fragment": "labeled-toggle", "bindings": { "label": "Mentions", "checked": true } },
-    { "id": "t6", "$fragment": "labeled-toggle", "bindings": { "label": "Marketing updates", "checked": false } },
-    { "id": "div2", "component": "Divider" },
-    { "id": "g3title", "component": "Text", "variant": "section", "textContent": "Quiet hours" },
-    { "id": "t7", "$fragment": "labeled-toggle", "bindings": { "label": "Mute notifications overnight", "checked": true } },
-    { "id": "t8", "$fragment": "labeled-input", "bindings": { "label": "Quiet hours range", "value": "10pm – 7am" } },
-    { "id": "ftr", "$fragment": "footer-cancel-save", "bindings": { "cancelText": "Cancel", "saveText": "Save preferences" } }
-  ]
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "g1title",
+        "t1",
+        "t2",
+        "t3",
+        "div1",
+        "g2title",
+        "t4",
+        "t5",
+        "t6",
+        "div2",
+        "g3title",
+        "t7",
+        "t8"
+      ]
+    },
+    {
+      "id": "g1title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Email"
+    },
+    {
+      "id": "t1",
+      "component": "Row",
+      "children": [
+        "t1--tg-col",
+        "t1--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t1--tg-col",
+      "component": "Column",
+      "children": [
+        "t1--tg-label",
+        "t1--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t1--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Comments and mentions"
+    },
+    {
+      "id": "t1--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "t1--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": true
+    },
+    {
+      "id": "t2",
+      "component": "Row",
+      "children": [
+        "t2--tg-col",
+        "t2--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t2--tg-col",
+      "component": "Column",
+      "children": [
+        "t2--tg-label",
+        "t2--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t2--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Task assignments"
+    },
+    {
+      "id": "t2--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "t2--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": true
+    },
+    {
+      "id": "t3",
+      "component": "Row",
+      "children": [
+        "t3--tg-col",
+        "t3--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t3--tg-col",
+      "component": "Column",
+      "children": [
+        "t3--tg-label",
+        "t3--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t3--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Weekly digest"
+    },
+    {
+      "id": "t3--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "t3--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": false
+    },
+    {
+      "id": "div1",
+      "component": "Divider"
+    },
+    {
+      "id": "g2title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Push"
+    },
+    {
+      "id": "t4",
+      "component": "Row",
+      "children": [
+        "t4--tg-col",
+        "t4--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t4--tg-col",
+      "component": "Column",
+      "children": [
+        "t4--tg-label",
+        "t4--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t4--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Direct messages"
+    },
+    {
+      "id": "t4--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "t4--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": true
+    },
+    {
+      "id": "t5",
+      "component": "Row",
+      "children": [
+        "t5--tg-col",
+        "t5--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t5--tg-col",
+      "component": "Column",
+      "children": [
+        "t5--tg-label",
+        "t5--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t5--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Mentions"
+    },
+    {
+      "id": "t5--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "t5--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": true
+    },
+    {
+      "id": "t6",
+      "component": "Row",
+      "children": [
+        "t6--tg-col",
+        "t6--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t6--tg-col",
+      "component": "Column",
+      "children": [
+        "t6--tg-label",
+        "t6--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t6--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Marketing updates"
+    },
+    {
+      "id": "t6--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "t6--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": false
+    },
+    {
+      "id": "div2",
+      "component": "Divider"
+    },
+    {
+      "id": "g3title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Quiet hours"
+    },
+    {
+      "id": "t7",
+      "component": "Row",
+      "children": [
+        "t7--tg-col",
+        "t7--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t7--tg-col",
+      "component": "Column",
+      "children": [
+        "t7--tg-label",
+        "t7--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t7--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Mute notifications overnight"
+    },
+    {
+      "id": "t7--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "t7--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": true
+    },
+    {
+      "id": "t8",
+      "component": "Field",
+      "label": "Quiet hours range",
+      "children": [
+        "t8--fi-in"
+      ]
+    },
+    {
+      "id": "t8--fi-in",
+      "component": "Input",
+      "name": "field",
+      "placeholder": "",
+      "type": "text"
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "ftr--f-row"
+      ]
+    },
+    {
+      "id": "ftr--f-row",
+      "component": "Row",
+      "children": [
+        "ftr--f-btn-cancel",
+        "ftr--f-btn-save"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "ftr--f-btn-cancel",
+      "component": "Button",
+      "variant": "ghost",
+      "text": "Cancel"
+    },
+    {
+      "id": "ftr--f-btn-save",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Save"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }