@adia-ai/a2ui-corpus 0.6.42 → 0.6.44

package/chunks/import-mapping-flow.json

@@ -25,7 +25,7 @@
       "migration"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -53,27 +53,74 @@
         "column-2"
       ]
     },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "icon": "check",
+      "size": "sm"
+    },
     {
       "id": "text-3",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar"
+      ]
     },
     {
-      "id": "text-4",
+      "id": "text-5",
       "component": "Text",
-      "variant": "body",
+      "strong": true,
       "textContent": "1. Upload file"
     },
     {
-      "id": "text-5",
+      "id": "badge",
+      "component": "Badge",
+      "text": "Done",
+      "variant": "success"
+    },
+    {
+      "id": "text-4",
       "component": "Text",
       "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-5",
+        "badge"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "customers-2026-q1.csv · 1,243 rows · 8 columns"
     },
     {
       "id": "text-6",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-7"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Replace",
+      "variant": "ghost"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button"
+      ]
     },
     {
       "id": "header",
@@ -81,8 +128,8 @@
       "children": [
         "text-3",
         "text-4",
-        "text-5",
-        "text-6"
+        "text-6",
+        "text-8"
       ]
     },
     {
@@ -93,29 +140,58 @@
       ]
     },
     {
-      "id": "text-7",
-      "component": "Text",
-      "variant": "body"
+      "id": "avatar-2",
+      "component": "Avatar",
+      "icon": "arrows-horizontal",
+      "size": "sm"
     },
     {
-      "id": "text-8",
+      "id": "text-9",
       "component": "Text",
       "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar-2"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "strong": true,
       "textContent": "2. Map your columns to our fields"
     },
     {
-      "id": "text-9",
+      "id": "text-10",
       "component": "Text",
       "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-11"
+      ]
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "We auto-detected 5 of 8 columns. Review and adjust before continuing — required fields are marked."
     },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-13"
+      ]
+    },
     {
       "id": "header-2",
       "component": "Header",
       "children": [
-        "text-7",
-        "text-8",
-        "text-9"
+        "text-9",
+        "text-10",
+        "text-12"
       ]
     },
     {
@@ -126,13 +202,13 @@
       "variant": "info"
     },
     {
-      "id": "text-10",
+      "id": "text-14",
       "component": "Text",
       "strong": true,
       "textContent": "full_name"
     },
     {
-      "id": "text-11",
+      "id": "text-15",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -144,8 +220,8 @@
       "align": "end",
       "gap": "0",
       "children": [
-        "text-10",
-        "text-11"
+        "text-14",
+        "text-15"
       ]
     },
     {
@@ -153,52 +229,38 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-12",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-13",
-      "component": "Text",
-      "textContent": "Name",
-      "variant": "body"
-    },
-    {
-      "id": "text-14",
-      "component": "Text",
-      "textContent": "Email",
-      "variant": "body"
-    },
-    {
-      "id": "text-15",
-      "component": "Text",
-      "textContent": "Role",
-      "variant": "body"
-    },
-    {
-      "id": "text-16",
-      "component": "Text",
-      "textContent": "Team",
-      "variant": "body"
-    },
     {
       "id": "map-full-name",
       "component": "ChoicePicker",
       "name": "map_full_name",
       "value": "name",
-      "children": [
-        "text-12",
-        "text-13",
-        "text-14",
-        "text-15",
-        "text-16"
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "name",
+          "label": "Name"
+        },
+        {
+          "value": "email",
+          "label": "Email"
+        },
+        {
+          "value": "role",
+          "label": "Role"
+        },
+        {
+          "value": "team",
+          "label": "Team"
+        }
       ]
     },
     {
       "id": "grid",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
         "column-4",
@@ -214,26 +276,26 @@
       ]
     },
     {
-      "id": "text-17",
+      "id": "text-16",
       "component": "Text",
       "strong": true,
       "textContent": "email_addr"
     },
     {
-      "id": "text-18",
+      "id": "text-17",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "avery@acme.com"
     },
     {
-      "id": "column-10",
+      "id": "column-5",
       "component": "Column",
       "align": "end",
       "gap": "0",
       "children": [
-        "text-17",
-        "text-18"
+        "text-16",
+        "text-17"
       ]
     },
     {
@@ -241,55 +303,41 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-19",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-20",
-      "component": "Text",
-      "textContent": "Name",
-      "variant": "body"
-    },
-    {
-      "id": "text-21",
-      "component": "Text",
-      "textContent": "Email (required)",
-      "variant": "body"
-    },
-    {
-      "id": "text-22",
-      "component": "Text",
-      "textContent": "Role",
-      "variant": "body"
-    },
-    {
-      "id": "text-23",
-      "component": "Text",
-      "textContent": "Team",
-      "variant": "body"
-    },
     {
       "id": "map-email-addr",
       "component": "ChoicePicker",
       "name": "map_email_addr",
       "value": "email",
-      "children": [
-        "text-19",
-        "text-20",
-        "text-21",
-        "text-22",
-        "text-23"
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "name",
+          "label": "Name"
+        },
+        {
+          "value": "email",
+          "label": "Email (required)"
+        },
+        {
+          "value": "role",
+          "label": "Role"
+        },
+        {
+          "value": "team",
+          "label": "Team"
+        }
       ]
     },
     {
       "id": "grid-2",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
-        "column-10",
+        "column-5",
         "icon",
         "map-email-addr"
       ]
@@ -302,26 +350,26 @@
       ]
     },
     {
-      "id": "text-24",
+      "id": "text-18",
       "component": "Text",
       "strong": true,
       "textContent": "company"
     },
     {
-      "id": "text-25",
+      "id": "text-19",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "Acme Inc"
     },
     {
-      "id": "column-16",
+      "id": "column-6",
       "component": "Column",
       "align": "end",
       "gap": "0",
       "children": [
-        "text-24",
-        "text-25"
+        "text-18",
+        "text-19"
       ]
     },
     {
@@ -329,55 +377,41 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-26",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-27",
-      "component": "Text",
-      "textContent": "Name",
-      "variant": "body"
-    },
-    {
-      "id": "text-28",
-      "component": "Text",
-      "textContent": "Email",
-      "variant": "body"
-    },
-    {
-      "id": "text-29",
-      "component": "Text",
-      "textContent": "Role",
-      "variant": "body"
-    },
-    {
-      "id": "text-30",
-      "component": "Text",
-      "textContent": "Team / Company",
-      "variant": "body"
-    },
     {
       "id": "map-company",
       "component": "ChoicePicker",
       "name": "map_company",
       "value": "team",
-      "children": [
-        "text-26",
-        "text-27",
-        "text-28",
-        "text-29",
-        "text-30"
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "name",
+          "label": "Name"
+        },
+        {
+          "value": "email",
+          "label": "Email"
+        },
+        {
+          "value": "role",
+          "label": "Role"
+        },
+        {
+          "value": "team",
+          "label": "Team / Company"
+        }
       ]
     },
     {
       "id": "grid-3",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
-        "column-16",
+        "column-6",
         "icon-2",
         "map-company"
       ]
@@ -390,26 +424,26 @@
       ]
     },
     {
-      "id": "text-31",
+      "id": "text-20",
       "component": "Text",
       "strong": true,
       "textContent": "job_title"
     },
     {
-      "id": "text-32",
+      "id": "text-21",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "Senior Engineer"
     },
     {
-      "id": "column-22",
+      "id": "column-7",
       "component": "Column",
       "align": "end",
       "gap": "0",
       "children": [
-        "text-31",
-        "text-32"
+        "text-20",
+        "text-21"
       ]
     },
     {
@@ -417,55 +451,41 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-33",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-34",
-      "component": "Text",
-      "textContent": "Name",
-      "variant": "body"
-    },
-    {
-      "id": "text-35",
-      "component": "Text",
-      "textContent": "Email",
-      "variant": "body"
-    },
-    {
-      "id": "text-36",
-      "component": "Text",
-      "textContent": "Role / Title",
-      "variant": "body"
-    },
-    {
-      "id": "text-37",
-      "component": "Text",
-      "textContent": "Team",
-      "variant": "body"
-    },
     {
       "id": "map-job-title",
       "component": "ChoicePicker",
       "name": "map_job_title",
       "value": "role",
-      "children": [
-        "text-33",
-        "text-34",
-        "text-35",
-        "text-36",
-        "text-37"
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "name",
+          "label": "Name"
+        },
+        {
+          "value": "email",
+          "label": "Email"
+        },
+        {
+          "value": "role",
+          "label": "Role / Title"
+        },
+        {
+          "value": "team",
+          "label": "Team"
+        }
       ]
     },
     {
       "id": "grid-4",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
-        "column-22",
+        "column-7",
         "icon-3",
         "map-job-title"
       ]
@@ -478,26 +498,26 @@
       ]
     },
     {
-      "id": "text-38",
+      "id": "text-22",
       "component": "Text",
       "strong": true,
       "textContent": "signup_date"
     },
     {
-      "id": "text-39",
+      "id": "text-23",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "2026-03-15"
     },
     {
-      "id": "column-28",
+      "id": "column-8",
       "component": "Column",
       "align": "end",
       "gap": "0",
       "children": [
-        "text-38",
-        "text-39"
+        "text-22",
+        "text-23"
       ]
     },
     {
@@ -505,33 +525,29 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-40",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-41",
-      "component": "Text",
-      "textContent": "Created at",
-      "variant": "body"
-    },
     {
       "id": "map-signup-date",
       "component": "ChoicePicker",
       "name": "map_signup_date",
-      "children": [
-        "text-40",
-        "text-41"
-      ]
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "created_at",
+          "label": "Created at"
+        }
+      ],
+      "value": ""
     },
     {
       "id": "grid-5",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
-        "column-28",
+        "column-8",
         "icon-4",
         "map-signup-date"
       ]
@@ -544,26 +560,26 @@
       ]
     },
     {
-      "id": "text-42",
+      "id": "text-24",
       "component": "Text",
       "strong": true,
       "textContent": "region"
     },
     {
-      "id": "text-43",
+      "id": "text-25",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "EMEA"
     },
     {
-      "id": "column-31",
+      "id": "column-9",
       "component": "Column",
       "align": "end",
       "gap": "0",
       "children": [
-        "text-42",
-        "text-43"
+        "text-24",
+        "text-25"
       ]
     },
     {
@@ -571,40 +587,33 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-44",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-45",
-      "component": "Text",
-      "textContent": "Region",
-      "variant": "body"
-    },
-    {
-      "id": "text-46",
-      "component": "Text",
-      "textContent": "Team",
-      "variant": "body"
-    },
     {
       "id": "map-region",
       "component": "ChoicePicker",
       "name": "map_region",
-      "children": [
-        "text-44",
-        "text-45",
-        "text-46"
-      ]
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "region",
+          "label": "Region"
+        },
+        {
+          "value": "team",
+          "label": "Team"
+        }
+      ],
+      "value": ""
     },
     {
       "id": "grid-6",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
-        "column-31",
+        "column-9",
         "icon-5",
         "map-region"
       ]
@@ -617,26 +626,26 @@
       ]
     },
     {
-      "id": "text-47",
+      "id": "text-26",
       "component": "Text",
       "strong": true,
       "textContent": "notes"
     },
     {
-      "id": "text-48",
+      "id": "text-27",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "\"VIP — handle with care\""
     },
     {
-      "id": "column-35",
+      "id": "column-10",
       "component": "Column",
       "align": "end",
       "gap": "0",
       "children": [
-        "text-47",
-        "text-48"
+        "text-26",
+        "text-27"
       ]
     },
     {
@@ -644,33 +653,29 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-49",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-50",
-      "component": "Text",
-      "textContent": "Notes",
-      "variant": "body"
-    },
     {
       "id": "map-notes",
       "component": "ChoicePicker",
       "name": "map_notes",
-      "children": [
-        "text-49",
-        "text-50"
-      ]
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "notes",
+          "label": "Notes"
+        }
+      ],
+      "value": ""
     },
     {
       "id": "grid-7",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
-        "column-35",
+        "column-10",
         "icon-6",
         "map-notes"
       ]
@@ -683,26 +688,26 @@
       ]
     },
     {
-      "id": "text-51",
+      "id": "text-28",
       "component": "Text",
       "strong": true,
       "textContent": "internal_id"
     },
     {
-      "id": "text-52",
+      "id": "text-29",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "cust_5392"
     },
     {
-      "id": "column-38",
+      "id": "column-11",
       "component": "Column",
       "align": "end",
       "gap": "0",
       "children": [
-        "text-51",
-        "text-52"
+        "text-28",
+        "text-29"
       ]
     },
     {
@@ -710,33 +715,29 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-53",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-54",
-      "component": "Text",
-      "textContent": "External ID",
-      "variant": "body"
-    },
     {
       "id": "map-internal-id",
       "component": "ChoicePicker",
       "name": "map_internal_id",
-      "children": [
-        "text-53",
-        "text-54"
-      ]
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "external_id",
+          "label": "External ID"
+        }
+      ],
+      "value": ""
     },
     {
       "id": "grid-8",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
-        "column-38",
+        "column-11",
         "icon-7",
         "map-internal-id"
       ]
@@ -769,25 +770,25 @@
       "name": "check-circle"
     },
     {
-      "id": "text-55",
+      "id": "text-30",
       "component": "Text",
       "strong": true,
       "textContent": "4 fields mapped · 4 columns skipped"
     },
     {
-      "id": "text-56",
+      "id": "text-31",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "1,243 rows ready to import. Email column passed validation (no malformed addresses)."
     },
     {
-      "id": "column-41",
+      "id": "column-12",
       "component": "Column",
       "gap": "0",
       "children": [
-        "text-55",
-        "text-56"
+        "text-30",
+        "text-31"
       ]
     },
     {
@@ -797,7 +798,7 @@
       "gap": "3",
       "children": [
         "check-circle",
-        "column-41"
+        "column-12"
       ]
     },
     {
@@ -818,19 +819,19 @@
       ]
     },
     {
-      "id": "button",
+      "id": "button-2",
       "component": "Button",
       "text": "Back",
       "variant": "ghost"
     },
     {
-      "id": "button-2",
+      "id": "button-3",
       "component": "Button",
       "text": "Cancel",
       "variant": "outline"
     },
     {
-      "id": "button-3",
+      "id": "button-4",
       "component": "Button",
       "text": "Preview import →",
       "variant": "primary"
@@ -840,8 +841,8 @@
       "component": "Row",
       "gap": "2",
       "children": [
-        "button-2",
-        "button-3"
+        "button-3",
+        "button-4"
       ]
     },
     {
@@ -850,13 +851,14 @@
       "gap": "2",
       "justify": "space-between",
       "children": [
-        "button",
+        "button-2",
         "row-3"
       ]
     },
     {
       "id": "footer",
       "component": "Footer",
+      "slot": "footer",
       "children": [
         "row-2"
       ]
@@ -871,29 +873,59 @@
       ]
     },
     {
-      "id": "text-57",
-      "component": "Text",
-      "variant": "body"
+      "id": "avatar-3",
+      "component": "Avatar",
+      "icon": "eye",
+      "size": "sm"
     },
     {
-      "id": "text-58",
+      "id": "text-32",
       "component": "Text",
       "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar-3"
+      ]
+    },
+    {
+      "id": "text-34",
+      "component": "Text",
+      "color": "subtle",
+      "strong": true,
       "textContent": "3. Preview & confirm"
     },
     {
-      "id": "text-59",
+      "id": "text-33",
       "component": "Text",
       "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-34"
+      ]
+    },
+    {
+      "id": "text-36",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "Final check before we commit 1,243 rows."
     },
+    {
+      "id": "text-35",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-36"
+      ]
+    },
     {
       "id": "header-3",
       "component": "Header",
       "children": [
-        "text-57",
-        "text-58",
-        "text-59"
+        "text-32",
+        "text-33",
+        "text-35"
       ]
     },
     {
@@ -904,18 +936,27 @@
       ]
     },
     {
-      "id": "text-60",
+      "id": "text-38",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Composition rules."
+    },
+    {
+      "id": "text-37",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
-      "textContent": "Composition rules. Three steps: upload → map → preview, each as a card-ui with header (icon + heading + status badge). The mapping itself is a list-ui[divider] of source-column / target-field rows — NOT a table-ui (the HTML parser strips declarative <tr> inside custom elements; table-ui takes programmatic .columns/.data instead). Each row is a 3-col grid (source label + sample → arrow → target select). The \"fields mapped\" summary lives at the bottom of the active card; the footer action bar carries Back + Cancel + primary Continue."
+      "textContent": "Three steps: upload → map → preview, each as a card-ui with header (icon + heading + status badge). The mapping itself is a list-ui[divider] of source-column / target-field rows — NOT a table-ui (the HTML parser strips declarative <tr> inside custom elements; table-ui takes programmatic .columns/.data instead). Each row is a 3-col grid (source label + sample → arrow → target select). The \"fields mapped\" summary lives at the bottom of the active card; the footer action bar carries Back + Cancel + primary Continue.",
+      "children": [
+        "text-38"
+      ]
     },
     {
-      "id": "column-42",
+      "id": "column-13",
       "component": "Column",
       "gap": "2",
       "children": [
-        "text-60"
+        "text-37"
       ]
     },
     {
@@ -927,7 +968,7 @@
         "card",
         "card-2",
         "card-3",
-        "column-42"
+        "column-13"
       ]
     }
   ]