@adia-ai/a2ui-corpus 0.6.43 → 0.6.44

package/chunks/import-mapping-flow.json

@@ -25,7 +25,7 @@
       "migration"
     ]
   },
-  "captured_at": "2026-05-27T23:29:53.307Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
     {
       "id": "text",
@@ -229,47 +229,32 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-16",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-17",
-      "component": "Text",
-      "textContent": "Name",
-      "variant": "body"
-    },
-    {
-      "id": "text-18",
-      "component": "Text",
-      "textContent": "Email",
-      "variant": "body"
-    },
-    {
-      "id": "text-19",
-      "component": "Text",
-      "textContent": "Role",
-      "variant": "body"
-    },
-    {
-      "id": "text-20",
-      "component": "Text",
-      "textContent": "Team",
-      "variant": "body"
-    },
     {
       "id": "map-full-name",
       "component": "ChoicePicker",
       "name": "map_full_name",
       "value": "name",
-      "children": [
-        "text-16",
-        "text-17",
-        "text-18",
-        "text-19",
-        "text-20"
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "name",
+          "label": "Name"
+        },
+        {
+          "value": "email",
+          "label": "Email"
+        },
+        {
+          "value": "role",
+          "label": "Role"
+        },
+        {
+          "value": "team",
+          "label": "Team"
+        }
       ]
     },
     {
@@ -291,26 +276,26 @@
       ]
     },
     {
-      "id": "text-21",
+      "id": "text-16",
       "component": "Text",
       "strong": true,
       "textContent": "email_addr"
     },
     {
-      "id": "text-22",
+      "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-21",
-        "text-22"
+        "text-16",
+        "text-17"
       ]
     },
     {
@@ -318,47 +303,32 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-23",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-24",
-      "component": "Text",
-      "textContent": "Name",
-      "variant": "body"
-    },
-    {
-      "id": "text-25",
-      "component": "Text",
-      "textContent": "Email (required)",
-      "variant": "body"
-    },
-    {
-      "id": "text-26",
-      "component": "Text",
-      "textContent": "Role",
-      "variant": "body"
-    },
-    {
-      "id": "text-27",
-      "component": "Text",
-      "textContent": "Team",
-      "variant": "body"
-    },
     {
       "id": "map-email-addr",
       "component": "ChoicePicker",
       "name": "map_email_addr",
       "value": "email",
-      "children": [
-        "text-23",
-        "text-24",
-        "text-25",
-        "text-26",
-        "text-27"
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "name",
+          "label": "Name"
+        },
+        {
+          "value": "email",
+          "label": "Email (required)"
+        },
+        {
+          "value": "role",
+          "label": "Role"
+        },
+        {
+          "value": "team",
+          "label": "Team"
+        }
       ]
     },
     {
@@ -367,7 +337,7 @@
       "slot": "content",
       "gap": "3",
       "children": [
-        "column-10",
+        "column-5",
         "icon",
         "map-email-addr"
       ]
@@ -380,26 +350,26 @@
       ]
     },
     {
-      "id": "text-28",
+      "id": "text-18",
       "component": "Text",
       "strong": true,
       "textContent": "company"
     },
     {
-      "id": "text-29",
+      "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-28",
-        "text-29"
+        "text-18",
+        "text-19"
       ]
     },
     {
@@ -407,47 +377,32 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-30",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-31",
-      "component": "Text",
-      "textContent": "Name",
-      "variant": "body"
-    },
-    {
-      "id": "text-32",
-      "component": "Text",
-      "textContent": "Email",
-      "variant": "body"
-    },
-    {
-      "id": "text-33",
-      "component": "Text",
-      "textContent": "Role",
-      "variant": "body"
-    },
-    {
-      "id": "text-34",
-      "component": "Text",
-      "textContent": "Team / Company",
-      "variant": "body"
-    },
     {
       "id": "map-company",
       "component": "ChoicePicker",
       "name": "map_company",
       "value": "team",
-      "children": [
-        "text-30",
-        "text-31",
-        "text-32",
-        "text-33",
-        "text-34"
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "name",
+          "label": "Name"
+        },
+        {
+          "value": "email",
+          "label": "Email"
+        },
+        {
+          "value": "role",
+          "label": "Role"
+        },
+        {
+          "value": "team",
+          "label": "Team / Company"
+        }
       ]
     },
     {
@@ -456,7 +411,7 @@
       "slot": "content",
       "gap": "3",
       "children": [
-        "column-16",
+        "column-6",
         "icon-2",
         "map-company"
       ]
@@ -469,26 +424,26 @@
       ]
     },
     {
-      "id": "text-35",
+      "id": "text-20",
       "component": "Text",
       "strong": true,
       "textContent": "job_title"
     },
     {
-      "id": "text-36",
+      "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-35",
-        "text-36"
+        "text-20",
+        "text-21"
       ]
     },
     {
@@ -496,47 +451,32 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-37",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-38",
-      "component": "Text",
-      "textContent": "Name",
-      "variant": "body"
-    },
-    {
-      "id": "text-39",
-      "component": "Text",
-      "textContent": "Email",
-      "variant": "body"
-    },
-    {
-      "id": "text-40",
-      "component": "Text",
-      "textContent": "Role / Title",
-      "variant": "body"
-    },
-    {
-      "id": "text-41",
-      "component": "Text",
-      "textContent": "Team",
-      "variant": "body"
-    },
     {
       "id": "map-job-title",
       "component": "ChoicePicker",
       "name": "map_job_title",
       "value": "role",
-      "children": [
-        "text-37",
-        "text-38",
-        "text-39",
-        "text-40",
-        "text-41"
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "name",
+          "label": "Name"
+        },
+        {
+          "value": "email",
+          "label": "Email"
+        },
+        {
+          "value": "role",
+          "label": "Role / Title"
+        },
+        {
+          "value": "team",
+          "label": "Team"
+        }
       ]
     },
     {
@@ -545,7 +485,7 @@
       "slot": "content",
       "gap": "3",
       "children": [
-        "column-22",
+        "column-7",
         "icon-3",
         "map-job-title"
       ]
@@ -558,26 +498,26 @@
       ]
     },
     {
-      "id": "text-42",
+      "id": "text-22",
       "component": "Text",
       "strong": true,
       "textContent": "signup_date"
     },
     {
-      "id": "text-43",
+      "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-42",
-        "text-43"
+        "text-22",
+        "text-23"
       ]
     },
     {
@@ -585,26 +525,21 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-44",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-45",
-      "component": "Text",
-      "textContent": "Created at",
-      "variant": "body"
-    },
     {
       "id": "map-signup-date",
       "component": "ChoicePicker",
       "name": "map_signup_date",
-      "children": [
-        "text-44",
-        "text-45"
-      ]
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "created_at",
+          "label": "Created at"
+        }
+      ],
+      "value": ""
     },
     {
       "id": "grid-5",
@@ -612,7 +547,7 @@
       "slot": "content",
       "gap": "3",
       "children": [
-        "column-28",
+        "column-8",
         "icon-4",
         "map-signup-date"
       ]
@@ -625,26 +560,26 @@
       ]
     },
     {
-      "id": "text-46",
+      "id": "text-24",
       "component": "Text",
       "strong": true,
       "textContent": "region"
     },
     {
-      "id": "text-47",
+      "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-46",
-        "text-47"
+        "text-24",
+        "text-25"
       ]
     },
     {
@@ -652,33 +587,25 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-48",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-49",
-      "component": "Text",
-      "textContent": "Region",
-      "variant": "body"
-    },
-    {
-      "id": "text-50",
-      "component": "Text",
-      "textContent": "Team",
-      "variant": "body"
-    },
     {
       "id": "map-region",
       "component": "ChoicePicker",
       "name": "map_region",
-      "children": [
-        "text-48",
-        "text-49",
-        "text-50"
-      ]
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "region",
+          "label": "Region"
+        },
+        {
+          "value": "team",
+          "label": "Team"
+        }
+      ],
+      "value": ""
     },
     {
       "id": "grid-6",
@@ -686,7 +613,7 @@
       "slot": "content",
       "gap": "3",
       "children": [
-        "column-31",
+        "column-9",
         "icon-5",
         "map-region"
       ]
@@ -699,26 +626,26 @@
       ]
     },
     {
-      "id": "text-51",
+      "id": "text-26",
       "component": "Text",
       "strong": true,
       "textContent": "notes"
     },
     {
-      "id": "text-52",
+      "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-51",
-        "text-52"
+        "text-26",
+        "text-27"
       ]
     },
     {
@@ -726,26 +653,21 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-53",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-54",
-      "component": "Text",
-      "textContent": "Notes",
-      "variant": "body"
-    },
     {
       "id": "map-notes",
       "component": "ChoicePicker",
       "name": "map_notes",
-      "children": [
-        "text-53",
-        "text-54"
-      ]
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "notes",
+          "label": "Notes"
+        }
+      ],
+      "value": ""
     },
     {
       "id": "grid-7",
@@ -753,7 +675,7 @@
       "slot": "content",
       "gap": "3",
       "children": [
-        "column-35",
+        "column-10",
         "icon-6",
         "map-notes"
       ]
@@ -766,26 +688,26 @@
       ]
     },
     {
-      "id": "text-55",
+      "id": "text-28",
       "component": "Text",
       "strong": true,
       "textContent": "internal_id"
     },
     {
-      "id": "text-56",
+      "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-55",
-        "text-56"
+        "text-28",
+        "text-29"
       ]
     },
     {
@@ -793,26 +715,21 @@
       "component": "Icon",
       "name": "arrow-right"
     },
-    {
-      "id": "text-57",
-      "component": "Text",
-      "textContent": "Don't import",
-      "variant": "body"
-    },
-    {
-      "id": "text-58",
-      "component": "Text",
-      "textContent": "External ID",
-      "variant": "body"
-    },
     {
       "id": "map-internal-id",
       "component": "ChoicePicker",
       "name": "map_internal_id",
-      "children": [
-        "text-57",
-        "text-58"
-      ]
+      "options": [
+        {
+          "value": "",
+          "label": "Don't import"
+        },
+        {
+          "value": "external_id",
+          "label": "External ID"
+        }
+      ],
+      "value": ""
     },
     {
       "id": "grid-8",
@@ -820,7 +737,7 @@
       "slot": "content",
       "gap": "3",
       "children": [
-        "column-38",
+        "column-11",
         "icon-7",
         "map-internal-id"
       ]
@@ -853,25 +770,25 @@
       "name": "check-circle"
     },
     {
-      "id": "text-59",
+      "id": "text-30",
       "component": "Text",
       "strong": true,
       "textContent": "4 fields mapped · 4 columns skipped"
     },
     {
-      "id": "text-60",
+      "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-59",
-        "text-60"
+        "text-30",
+        "text-31"
       ]
     },
     {
@@ -881,7 +798,7 @@
       "gap": "3",
       "children": [
         "check-circle",
-        "column-41"
+        "column-12"
       ]
     },
     {
@@ -962,7 +879,7 @@
       "size": "sm"
     },
     {
-      "id": "text-61",
+      "id": "text-32",
       "component": "Text",
       "variant": "body",
       "slot": "icon",
@@ -971,44 +888,44 @@
       ]
     },
     {
-      "id": "text-63",
+      "id": "text-34",
       "component": "Text",
       "color": "subtle",
       "strong": true,
       "textContent": "3. Preview & confirm"
     },
     {
-      "id": "text-62",
+      "id": "text-33",
       "component": "Text",
       "variant": "body",
       "slot": "heading",
       "children": [
-        "text-63"
+        "text-34"
       ]
     },
     {
-      "id": "text-65",
+      "id": "text-36",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "textContent": "Final check before we commit 1,243 rows."
     },
     {
-      "id": "text-64",
+      "id": "text-35",
       "component": "Text",
       "variant": "body",
       "slot": "description",
       "children": [
-        "text-65"
+        "text-36"
       ]
     },
     {
       "id": "header-3",
       "component": "Header",
       "children": [
-        "text-61",
-        "text-62",
-        "text-64"
+        "text-32",
+        "text-33",
+        "text-35"
       ]
     },
     {
@@ -1019,27 +936,27 @@
       ]
     },
     {
-      "id": "text-67",
+      "id": "text-38",
       "component": "Text",
       "variant": "body",
       "textContent": "Composition rules."
     },
     {
-      "id": "text-66",
+      "id": "text-37",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
       "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"
+        "text-38"
       ]
     },
     {
-      "id": "column-42",
+      "id": "column-13",
       "component": "Column",
       "gap": "2",
       "children": [
-        "text-66"
+        "text-37"
       ]
     },
     {
@@ -1051,7 +968,7 @@
         "card",
         "card-2",
         "card-3",
-        "column-42"
+        "column-13"
       ]
     }
   ]