@adia-ai/a2ui-corpus 0.4.3 → 0.4.5

package/compositions/forms/data-import-mapper.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../_schema.json",
   "name": "data-import-mapper",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "forms",
   "description": "CSV column-to-destination-field mapping step. Shows uploaded header tags, per-column destination selectors with auto-match detection, preview of first 5 rows, and validation errors. Companion to data-import-wizard.",
@@ -47,58 +47,269 @@
     "target field",
     "column mapping wizard"
   ],
-  "related": ["data-import-wizard", "file-upload-form"],
+  "related": [
+    "data-import-wizard",
+    "file-upload-form"
+  ],
   "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": "Map your columns", "description": "We detected 8 columns in customers.csv · match each CSV column to a destination field. 6 of 8 auto-matched." }
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Map your columns"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "We detected 8 columns in customers.csv \u00b7 match each CSV column to a destination field. 6 of 8 auto-matched."
     },
     {
       "id": "sec",
-      "$fragment": "section-with-stack",
-      "bindings": { "items": ["headers-label", "headers-tags", "divider", "map-label", "m1", "m2", "m3", "m4", "m5", "notes", "divider2", "preview-alert"], "gap": "4" }
-    },
-    { "id": "headers-label", "component": "Text", "variant": "caption", "textContent": "Detected CSV headers (248 rows, UTF-8):" },
-    { "id": "headers-tags", "component": "Row", "gap": "2", "children": ["t1", "t2", "t3", "t4", "t5", "t6", "t7", "t8"] },
-    { "id": "t1", "component": "Tag", "text": "full_name" },
-    { "id": "t2", "component": "Tag", "text": "email_addr" },
-    { "id": "t3", "component": "Tag", "text": "company" },
-    { "id": "t4", "component": "Tag", "text": "phone_number" },
-    { "id": "t5", "component": "Tag", "text": "lifetime_value" },
-    { "id": "t6", "component": "Tag", "text": "signup_date" },
-    { "id": "t7", "component": "Tag", "text": "notes" },
-    { "id": "t8", "component": "Tag", "text": "internal_id" },
-    { "id": "divider", "component": "Divider" },
-    { "id": "map-label", "component": "Text", "variant": "section", "textContent": "Column mapping" },
-    { "id": "m1", "$fragment": "labeled-input", "bindings": { "label": "full_name → Name", "name": "map_full_name", "placeholder": "Name" } },
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "headers-label",
+        "headers-tags",
+        "divider",
+        "map-label",
+        "m1",
+        "m2",
+        "m3",
+        "m4",
+        "m5",
+        "notes",
+        "divider2",
+        "preview-alert"
+      ]
+    },
+    {
+      "id": "headers-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Detected CSV headers (248 rows, UTF-8):"
+    },
+    {
+      "id": "headers-tags",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "t1",
+        "t2",
+        "t3",
+        "t4",
+        "t5",
+        "t6",
+        "t7",
+        "t8"
+      ]
+    },
+    {
+      "id": "t1",
+      "component": "Tag",
+      "text": "full_name"
+    },
+    {
+      "id": "t2",
+      "component": "Tag",
+      "text": "email_addr"
+    },
+    {
+      "id": "t3",
+      "component": "Tag",
+      "text": "company"
+    },
+    {
+      "id": "t4",
+      "component": "Tag",
+      "text": "phone_number"
+    },
+    {
+      "id": "t5",
+      "component": "Tag",
+      "text": "lifetime_value"
+    },
+    {
+      "id": "t6",
+      "component": "Tag",
+      "text": "signup_date"
+    },
+    {
+      "id": "t7",
+      "component": "Tag",
+      "text": "notes"
+    },
+    {
+      "id": "t8",
+      "component": "Tag",
+      "text": "internal_id"
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "map-label",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Column mapping"
+    },
+    {
+      "id": "m1",
+      "component": "Field",
+      "label": "full_name \u2192 Name",
+      "children": [
+        "m1--fi-in"
+      ]
+    },
+    {
+      "id": "m1--fi-in",
+      "component": "Input",
+      "name": "map_full_name",
+      "placeholder": "Name",
+      "type": "text"
+    },
     {
       "id": "m2",
-      "$fragment": "labeled-input",
-      "bindings": { "label": "email_addr → Email", "name": "map_email_addr", "placeholder": "Email", "type": "email" }
+      "component": "Field",
+      "label": "email_addr \u2192 Email",
+      "children": [
+        "m2--fi-in"
+      ]
+    },
+    {
+      "id": "m2--fi-in",
+      "component": "Input",
+      "name": "map_email_addr",
+      "placeholder": "Email",
+      "type": "email"
+    },
+    {
+      "id": "m3",
+      "component": "Field",
+      "label": "company \u2192 Company",
+      "children": [
+        "m3--fi-in"
+      ]
+    },
+    {
+      "id": "m3--fi-in",
+      "component": "Input",
+      "name": "map_company",
+      "placeholder": "Company",
+      "type": "text"
+    },
+    {
+      "id": "m4",
+      "component": "Field",
+      "label": "phone_number \u2192 Phone",
+      "children": [
+        "m4--fi-in"
+      ]
+    },
+    {
+      "id": "m4--fi-in",
+      "component": "Input",
+      "name": "map_phone",
+      "placeholder": "Phone",
+      "type": "text"
     },
-    { "id": "m3", "$fragment": "labeled-input", "bindings": { "label": "company → Company", "name": "map_company", "placeholder": "Company" } },
-    { "id": "m4", "$fragment": "labeled-input", "bindings": { "label": "phone_number → Phone", "name": "map_phone", "placeholder": "Phone" } },
     {
       "id": "m5",
-      "$fragment": "labeled-input",
-      "bindings": { "label": "signup_date → Created at", "name": "map_signup_date", "placeholder": "Created at", "type": "date" }
+      "component": "Field",
+      "label": "signup_date \u2192 Created at",
+      "children": [
+        "m5--fi-in"
+      ]
+    },
+    {
+      "id": "m5--fi-in",
+      "component": "Input",
+      "name": "map_signup_date",
+      "placeholder": "Created at",
+      "type": "date"
     },
     {
       "id": "notes",
-      "$fragment": "labeled-textarea",
-      "bindings": { "label": "Import notes & validation overrides", "name": "import_notes", "placeholder": "Notes about unmapped columns (lifetime_value, notes), skip rules, and how to handle validation warnings.", "rows": 3 }
+      "component": "Field",
+      "label": "Import notes & validation overrides",
+      "children": [
+        "notes--fta-in"
+      ]
+    },
+    {
+      "id": "notes--fta-in",
+      "component": "TextArea",
+      "name": "import_notes",
+      "placeholder": "Notes about unmapped columns (lifetime_value, notes), skip rules, and how to handle validation warnings.",
+      "rows": 3
+    },
+    {
+      "id": "divider2",
+      "component": "Divider"
     },
-    { "id": "divider2", "component": "Divider" },
     {
       "id": "preview-alert",
       "component": "Alert",
       "variant": "info",
       "icon": "info",
       "title": "Preview: 248 rows ready to import",
-      "description": "6 columns auto-matched · 2 unmapped (lifetime_value, notes) · 3 validation warnings found. Continue to review preview and validation errors."
+      "description": "6 columns auto-matched \u00b7 2 unmapped (lifetime_value, notes) \u00b7 3 validation warnings found. Continue to review preview and validation errors."
     },
-    { "id": "ftr", "$fragment": "footer-cancel-save", "bindings": { "cancelLabel": "Back", "confirmLabel": "Preview import" } }
-  ]
+    {
+      "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": "Back"
+    },
+    {
+      "id": "ftr--f-btn-save",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Preview import"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/forms/data-import-wizard.json

@@ -1,11 +1,20 @@
 {
   "$schema": "../_schema.json",
   "name": "data-import-wizard",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "forms",
   "description": "Multi-step data import wizard with a step progress indicator, file upload input, column-mapping form, preview feedback, and prev/next wizard navigation.",
-  "tags": { "purpose": ["wizard", "import", "form", "multi-step"], "complexity": "high", "layout": "stacked" },
+  "tags": {
+    "purpose": [
+      "wizard",
+      "import",
+      "form",
+      "multi-step"
+    ],
+    "complexity": "high",
+    "layout": "stacked"
+  },
   "keywords": [
     "data import",
     "import wizard",
@@ -28,55 +37,285 @@
     "data migration"
   ],
   "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": "Import data", "description": "Upload a CSV, map columns, preview the import, then finish." }
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Import data"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Upload a CSV, map columns, preview the import, then finish."
     },
     {
       "id": "sec",
-      "$fragment": "section-with-stack",
-      "bindings": { "items": ["steps", "divider", "upload", "mapping", "preview"], "gap": "4" }
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "steps",
+        "divider",
+        "upload",
+        "mapping",
+        "preview"
+      ]
+    },
+    {
+      "id": "steps",
+      "component": "Timeline",
+      "mode": "steps",
+      "children": [
+        "s1",
+        "s2",
+        "s3",
+        "s4"
+      ]
     },
-    { "id": "steps", "component": "Timeline", "mode": "steps", "children": ["s1", "s2", "s3", "s4"] },
     {
       "id": "s1",
-      "$fragment": "wizard-step-row",
-      "bindings": { "icon": "check", "title": "Upload", "badgeLabel": "complete", "badgeVariant": "success" }
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "children": [
+        "s1--wsr-icon",
+        "s1--wsr-title",
+        "s1--wsr-badge"
+      ]
+    },
+    {
+      "id": "s1--wsr-icon",
+      "component": "Icon",
+      "name": "check"
+    },
+    {
+      "id": "s1--wsr-title",
+      "component": "Text",
+      "textContent": "Upload"
+    },
+    {
+      "id": "s1--wsr-badge",
+      "component": "Badge",
+      "text": "complete",
+      "variant": "success"
     },
     {
       "id": "s2",
-      "$fragment": "wizard-step-row",
-      "bindings": { "icon": "circle-dot", "title": "Map", "badgeLabel": "current", "badgeVariant": "primary" }
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "children": [
+        "s2--wsr-icon",
+        "s2--wsr-title",
+        "s2--wsr-badge"
+      ]
+    },
+    {
+      "id": "s2--wsr-icon",
+      "component": "Icon",
+      "name": "circle-dot"
+    },
+    {
+      "id": "s2--wsr-title",
+      "component": "Text",
+      "textContent": "Map"
+    },
+    {
+      "id": "s2--wsr-badge",
+      "component": "Badge",
+      "text": "current",
+      "variant": "primary"
     },
     {
       "id": "s3",
-      "$fragment": "wizard-step-row",
-      "bindings": { "icon": "circle", "title": "Preview", "badgeLabel": "pending", "badgeVariant": "muted" }
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "children": [
+        "s3--wsr-icon",
+        "s3--wsr-title",
+        "s3--wsr-badge"
+      ]
+    },
+    {
+      "id": "s3--wsr-icon",
+      "component": "Icon",
+      "name": "circle"
+    },
+    {
+      "id": "s3--wsr-title",
+      "component": "Text",
+      "textContent": "Preview"
+    },
+    {
+      "id": "s3--wsr-badge",
+      "component": "Badge",
+      "text": "pending",
+      "variant": "muted"
     },
     {
       "id": "s4",
-      "$fragment": "wizard-step-row",
-      "bindings": { "icon": "circle", "title": "Finish", "badgeLabel": "pending", "badgeVariant": "muted" }
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "children": [
+        "s4--wsr-icon",
+        "s4--wsr-title",
+        "s4--wsr-badge"
+      ]
+    },
+    {
+      "id": "s4--wsr-icon",
+      "component": "Icon",
+      "name": "circle"
+    },
+    {
+      "id": "s4--wsr-title",
+      "component": "Text",
+      "textContent": "Finish"
+    },
+    {
+      "id": "s4--wsr-badge",
+      "component": "Badge",
+      "text": "pending",
+      "variant": "muted"
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "upload",
+      "component": "Upload",
+      "accept": ".csv,.tsv,.xlsx",
+      "label": "Drop a CSV or spreadsheet file"
+    },
+    {
+      "id": "mapping",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "maptitle",
+        "mr1",
+        "mr2",
+        "mr3"
+      ]
+    },
+    {
+      "id": "maptitle",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Map columns"
+    },
+    {
+      "id": "mr1",
+      "component": "Field",
+      "label": "Name",
+      "children": [
+        "mr1--fi-in"
+      ]
+    },
+    {
+      "id": "mr1--fi-in",
+      "component": "Input",
+      "name": "field",
+      "placeholder": "",
+      "type": "text"
+    },
+    {
+      "id": "mr2",
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "mr2--fi-in"
+      ]
+    },
+    {
+      "id": "mr2--fi-in",
+      "component": "Input",
+      "name": "field",
+      "placeholder": "",
+      "type": "text"
+    },
+    {
+      "id": "mr3",
+      "component": "Field",
+      "label": "Role",
+      "children": [
+        "mr3--fi-in"
+      ]
+    },
+    {
+      "id": "mr3--fi-in",
+      "component": "Input",
+      "name": "field",
+      "placeholder": "",
+      "type": "text"
     },
-    { "id": "divider", "component": "Divider" },
-    { "id": "upload", "component": "Upload", "accept": ".csv,.tsv,.xlsx", "label": "Drop a CSV or spreadsheet file" },
-    { "id": "mapping", "component": "Column", "gap": "3", "children": ["maptitle", "mr1", "mr2", "mr3"] },
-    { "id": "maptitle", "component": "Text", "variant": "section", "textContent": "Map columns" },
-    { "id": "mr1", "$fragment": "labeled-input", "bindings": { "label": "Name", "value": "full_name" } },
-    { "id": "mr2", "$fragment": "labeled-input", "bindings": { "label": "Email", "value": "email_addr" } },
-    { "id": "mr3", "$fragment": "labeled-input", "bindings": { "label": "Role", "value": "team_role" } },
     {
       "id": "preview",
       "component": "Alert",
       "variant": "info",
       "title": "Preview: 248 rows ready to import",
-      "description": "3 warnings found — click Next to review."
+      "description": "3 warnings found \u2014 click Next to review."
     },
-    { "id": "ftr", "component": "Footer", "children": ["ftrow"] },
-    { "id": "ftrow", "component": "Row", "gap": "2", "align": "center", "children": ["prev", "next"] },
-    { "id": "prev", "component": "Button", "variant": "outline", "icon": "chevron-left", "text": "Previous" },
-    { "id": "next", "component": "Button", "variant": "primary", "icon": "chevron-right", "text": "Next" }
-  ]
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "ftrow"
+      ]
+    },
+    {
+      "id": "ftrow",
+      "component": "Row",
+      "gap": "2",
+      "align": "center",
+      "children": [
+        "prev",
+        "next"
+      ]
+    },
+    {
+      "id": "prev",
+      "component": "Button",
+      "variant": "outline",
+      "icon": "chevron-left",
+      "text": "Previous"
+    },
+    {
+      "id": "next",
+      "component": "Button",
+      "variant": "primary",
+      "icon": "chevron-right",
+      "text": "Next"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }