@adia-ai/a2ui-corpus 0.6.42 → 0.6.43

package/chunks/import-mapping-flow.json

@@ -25,7 +25,7 @@
       "migration"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "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"
       ]
     },
     {
@@ -154,31 +230,31 @@
       "name": "arrow-right"
     },
     {
-      "id": "text-12",
+      "id": "text-16",
       "component": "Text",
       "textContent": "Don't import",
       "variant": "body"
     },
     {
-      "id": "text-13",
+      "id": "text-17",
       "component": "Text",
       "textContent": "Name",
       "variant": "body"
     },
     {
-      "id": "text-14",
+      "id": "text-18",
       "component": "Text",
       "textContent": "Email",
       "variant": "body"
     },
     {
-      "id": "text-15",
+      "id": "text-19",
       "component": "Text",
       "textContent": "Role",
       "variant": "body"
     },
     {
-      "id": "text-16",
+      "id": "text-20",
       "component": "Text",
       "textContent": "Team",
       "variant": "body"
@@ -189,16 +265,17 @@
       "name": "map_full_name",
       "value": "name",
       "children": [
-        "text-12",
-        "text-13",
-        "text-14",
-        "text-15",
-        "text-16"
+        "text-16",
+        "text-17",
+        "text-18",
+        "text-19",
+        "text-20"
       ]
     },
     {
       "id": "grid",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
         "column-4",
@@ -214,13 +291,13 @@
       ]
     },
     {
-      "id": "text-17",
+      "id": "text-21",
       "component": "Text",
       "strong": true,
       "textContent": "email_addr"
     },
     {
-      "id": "text-18",
+      "id": "text-22",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -232,8 +309,8 @@
       "align": "end",
       "gap": "0",
       "children": [
-        "text-17",
-        "text-18"
+        "text-21",
+        "text-22"
       ]
     },
     {
@@ -242,31 +319,31 @@
       "name": "arrow-right"
     },
     {
-      "id": "text-19",
+      "id": "text-23",
       "component": "Text",
       "textContent": "Don't import",
       "variant": "body"
     },
     {
-      "id": "text-20",
+      "id": "text-24",
       "component": "Text",
       "textContent": "Name",
       "variant": "body"
     },
     {
-      "id": "text-21",
+      "id": "text-25",
       "component": "Text",
       "textContent": "Email (required)",
       "variant": "body"
     },
     {
-      "id": "text-22",
+      "id": "text-26",
       "component": "Text",
       "textContent": "Role",
       "variant": "body"
     },
     {
-      "id": "text-23",
+      "id": "text-27",
       "component": "Text",
       "textContent": "Team",
       "variant": "body"
@@ -277,16 +354,17 @@
       "name": "map_email_addr",
       "value": "email",
       "children": [
-        "text-19",
-        "text-20",
-        "text-21",
-        "text-22",
-        "text-23"
+        "text-23",
+        "text-24",
+        "text-25",
+        "text-26",
+        "text-27"
       ]
     },
     {
       "id": "grid-2",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
         "column-10",
@@ -302,13 +380,13 @@
       ]
     },
     {
-      "id": "text-24",
+      "id": "text-28",
       "component": "Text",
       "strong": true,
       "textContent": "company"
     },
     {
-      "id": "text-25",
+      "id": "text-29",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -320,8 +398,8 @@
       "align": "end",
       "gap": "0",
       "children": [
-        "text-24",
-        "text-25"
+        "text-28",
+        "text-29"
       ]
     },
     {
@@ -330,31 +408,31 @@
       "name": "arrow-right"
     },
     {
-      "id": "text-26",
+      "id": "text-30",
       "component": "Text",
       "textContent": "Don't import",
       "variant": "body"
     },
     {
-      "id": "text-27",
+      "id": "text-31",
       "component": "Text",
       "textContent": "Name",
       "variant": "body"
     },
     {
-      "id": "text-28",
+      "id": "text-32",
       "component": "Text",
       "textContent": "Email",
       "variant": "body"
     },
     {
-      "id": "text-29",
+      "id": "text-33",
       "component": "Text",
       "textContent": "Role",
       "variant": "body"
     },
     {
-      "id": "text-30",
+      "id": "text-34",
       "component": "Text",
       "textContent": "Team / Company",
       "variant": "body"
@@ -365,16 +443,17 @@
       "name": "map_company",
       "value": "team",
       "children": [
-        "text-26",
-        "text-27",
-        "text-28",
-        "text-29",
-        "text-30"
+        "text-30",
+        "text-31",
+        "text-32",
+        "text-33",
+        "text-34"
       ]
     },
     {
       "id": "grid-3",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
         "column-16",
@@ -390,13 +469,13 @@
       ]
     },
     {
-      "id": "text-31",
+      "id": "text-35",
       "component": "Text",
       "strong": true,
       "textContent": "job_title"
     },
     {
-      "id": "text-32",
+      "id": "text-36",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -408,8 +487,8 @@
       "align": "end",
       "gap": "0",
       "children": [
-        "text-31",
-        "text-32"
+        "text-35",
+        "text-36"
       ]
     },
     {
@@ -418,31 +497,31 @@
       "name": "arrow-right"
     },
     {
-      "id": "text-33",
+      "id": "text-37",
       "component": "Text",
       "textContent": "Don't import",
       "variant": "body"
     },
     {
-      "id": "text-34",
+      "id": "text-38",
       "component": "Text",
       "textContent": "Name",
       "variant": "body"
     },
     {
-      "id": "text-35",
+      "id": "text-39",
       "component": "Text",
       "textContent": "Email",
       "variant": "body"
     },
     {
-      "id": "text-36",
+      "id": "text-40",
       "component": "Text",
       "textContent": "Role / Title",
       "variant": "body"
     },
     {
-      "id": "text-37",
+      "id": "text-41",
       "component": "Text",
       "textContent": "Team",
       "variant": "body"
@@ -453,16 +532,17 @@
       "name": "map_job_title",
       "value": "role",
       "children": [
-        "text-33",
-        "text-34",
-        "text-35",
-        "text-36",
-        "text-37"
+        "text-37",
+        "text-38",
+        "text-39",
+        "text-40",
+        "text-41"
       ]
     },
     {
       "id": "grid-4",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
         "column-22",
@@ -478,13 +558,13 @@
       ]
     },
     {
-      "id": "text-38",
+      "id": "text-42",
       "component": "Text",
       "strong": true,
       "textContent": "signup_date"
     },
     {
-      "id": "text-39",
+      "id": "text-43",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -496,8 +576,8 @@
       "align": "end",
       "gap": "0",
       "children": [
-        "text-38",
-        "text-39"
+        "text-42",
+        "text-43"
       ]
     },
     {
@@ -506,13 +586,13 @@
       "name": "arrow-right"
     },
     {
-      "id": "text-40",
+      "id": "text-44",
       "component": "Text",
       "textContent": "Don't import",
       "variant": "body"
     },
     {
-      "id": "text-41",
+      "id": "text-45",
       "component": "Text",
       "textContent": "Created at",
       "variant": "body"
@@ -522,13 +602,14 @@
       "component": "ChoicePicker",
       "name": "map_signup_date",
       "children": [
-        "text-40",
-        "text-41"
+        "text-44",
+        "text-45"
       ]
     },
     {
       "id": "grid-5",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
         "column-28",
@@ -544,13 +625,13 @@
       ]
     },
     {
-      "id": "text-42",
+      "id": "text-46",
       "component": "Text",
       "strong": true,
       "textContent": "region"
     },
     {
-      "id": "text-43",
+      "id": "text-47",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -562,8 +643,8 @@
       "align": "end",
       "gap": "0",
       "children": [
-        "text-42",
-        "text-43"
+        "text-46",
+        "text-47"
       ]
     },
     {
@@ -572,19 +653,19 @@
       "name": "arrow-right"
     },
     {
-      "id": "text-44",
+      "id": "text-48",
       "component": "Text",
       "textContent": "Don't import",
       "variant": "body"
     },
     {
-      "id": "text-45",
+      "id": "text-49",
       "component": "Text",
       "textContent": "Region",
       "variant": "body"
     },
     {
-      "id": "text-46",
+      "id": "text-50",
       "component": "Text",
       "textContent": "Team",
       "variant": "body"
@@ -594,14 +675,15 @@
       "component": "ChoicePicker",
       "name": "map_region",
       "children": [
-        "text-44",
-        "text-45",
-        "text-46"
+        "text-48",
+        "text-49",
+        "text-50"
       ]
     },
     {
       "id": "grid-6",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
         "column-31",
@@ -617,13 +699,13 @@
       ]
     },
     {
-      "id": "text-47",
+      "id": "text-51",
       "component": "Text",
       "strong": true,
       "textContent": "notes"
     },
     {
-      "id": "text-48",
+      "id": "text-52",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -635,8 +717,8 @@
       "align": "end",
       "gap": "0",
       "children": [
-        "text-47",
-        "text-48"
+        "text-51",
+        "text-52"
       ]
     },
     {
@@ -645,13 +727,13 @@
       "name": "arrow-right"
     },
     {
-      "id": "text-49",
+      "id": "text-53",
       "component": "Text",
       "textContent": "Don't import",
       "variant": "body"
     },
     {
-      "id": "text-50",
+      "id": "text-54",
       "component": "Text",
       "textContent": "Notes",
       "variant": "body"
@@ -661,13 +743,14 @@
       "component": "ChoicePicker",
       "name": "map_notes",
       "children": [
-        "text-49",
-        "text-50"
+        "text-53",
+        "text-54"
       ]
     },
     {
       "id": "grid-7",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
         "column-35",
@@ -683,13 +766,13 @@
       ]
     },
     {
-      "id": "text-51",
+      "id": "text-55",
       "component": "Text",
       "strong": true,
       "textContent": "internal_id"
     },
     {
-      "id": "text-52",
+      "id": "text-56",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -701,8 +784,8 @@
       "align": "end",
       "gap": "0",
       "children": [
-        "text-51",
-        "text-52"
+        "text-55",
+        "text-56"
       ]
     },
     {
@@ -711,13 +794,13 @@
       "name": "arrow-right"
     },
     {
-      "id": "text-53",
+      "id": "text-57",
       "component": "Text",
       "textContent": "Don't import",
       "variant": "body"
     },
     {
-      "id": "text-54",
+      "id": "text-58",
       "component": "Text",
       "textContent": "External ID",
       "variant": "body"
@@ -727,13 +810,14 @@
       "component": "ChoicePicker",
       "name": "map_internal_id",
       "children": [
-        "text-53",
-        "text-54"
+        "text-57",
+        "text-58"
       ]
     },
     {
       "id": "grid-8",
       "component": "Grid",
+      "slot": "content",
       "gap": "3",
       "children": [
         "column-38",
@@ -769,13 +853,13 @@
       "name": "check-circle"
     },
     {
-      "id": "text-55",
+      "id": "text-59",
       "component": "Text",
       "strong": true,
       "textContent": "4 fields mapped · 4 columns skipped"
     },
     {
-      "id": "text-56",
+      "id": "text-60",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -786,8 +870,8 @@
       "component": "Column",
       "gap": "0",
       "children": [
-        "text-55",
-        "text-56"
+        "text-59",
+        "text-60"
       ]
     },
     {
@@ -818,19 +902,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 +924,8 @@
       "component": "Row",
       "gap": "2",
       "children": [
-        "button-2",
-        "button-3"
+        "button-3",
+        "button-4"
       ]
     },
     {
@@ -850,13 +934,14 @@
       "gap": "2",
       "justify": "space-between",
       "children": [
-        "button",
+        "button-2",
         "row-3"
       ]
     },
     {
       "id": "footer",
       "component": "Footer",
+      "slot": "footer",
       "children": [
         "row-2"
       ]
@@ -871,29 +956,59 @@
       ]
     },
     {
-      "id": "text-57",
-      "component": "Text",
-      "variant": "body"
+      "id": "avatar-3",
+      "component": "Avatar",
+      "icon": "eye",
+      "size": "sm"
     },
     {
-      "id": "text-58",
+      "id": "text-61",
       "component": "Text",
       "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar-3"
+      ]
+    },
+    {
+      "id": "text-63",
+      "component": "Text",
+      "color": "subtle",
+      "strong": true,
       "textContent": "3. Preview & confirm"
     },
     {
-      "id": "text-59",
+      "id": "text-62",
       "component": "Text",
       "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-63"
+      ]
+    },
+    {
+      "id": "text-65",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "Final check before we commit 1,243 rows."
     },
+    {
+      "id": "text-64",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-65"
+      ]
+    },
     {
       "id": "header-3",
       "component": "Header",
       "children": [
-        "text-57",
-        "text-58",
-        "text-59"
+        "text-61",
+        "text-62",
+        "text-64"
       ]
     },
     {
@@ -904,18 +1019,27 @@
       ]
     },
     {
-      "id": "text-60",
+      "id": "text-67",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Composition rules."
+    },
+    {
+      "id": "text-66",
       "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-67"
+      ]
     },
     {
       "id": "column-42",
       "component": "Column",
       "gap": "2",
       "children": [
-        "text-60"
+        "text-66"
       ]
     },
     {