@adia-ai/a2ui-corpus 0.4.3 → 0.4.5

package/compositions/data/funnel-analytics.json

@@ -1,34 +1,432 @@
 {
   "$schema": "../_schema.json",
   "name": "funnel-analytics",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "data",
   "description": "Multi-stage conversion funnel with per-step counts, step-to-step conversion %, drop-off chips, and segment/time-window controls. Mixpanel/Amplitude/Heap style activation analysis.",
-  "tags": { "purpose": ["analytics", "funnel", "conversion", "drop-off"], "complexity": "composed", "layout": "stacked" },
-  "keywords": ["funnel", "conversion", "drop-off", "stages", "activation", "mixpanel", "amplitude", "heap", "step", "analytics"],
-  "related": ["cohort-retention", "chart-dashboard", "kpi-overview"],
-
+  "tags": {
+    "purpose": [
+      "analytics",
+      "funnel",
+      "conversion",
+      "drop-off"
+    ],
+    "complexity": "composed",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "funnel",
+    "conversion",
+    "drop-off",
+    "stages",
+    "activation",
+    "mixpanel",
+    "amplitude",
+    "heap",
+    "step",
+    "analytics"
+  ],
+  "related": [
+    "cohort-retention",
+    "chart-dashboard",
+    "kpi-overview"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
-    { "id": "hdr", "$fragment": "card-header-with-description",
-      "bindings": { "heading": "Activation funnel · 30-day window", "description": "Ordered events with step-to-step conversion rates" } },
-    { "id": "sec", "component": "Section", "children": ["title", "funnel-viz", "stats"] },
-
-    { "id": "title", "component": "Text", "variant": "section", "textContent": "Conversion funnel — 5 stages" },
-
-    { "id": "funnel-viz", "component": "Column", "gap": "2", "children": ["fv1", "fv2", "fv3", "fv4", "fv5"] },
-    { "id": "fv1", "$fragment": "stage-entry-atom", "bindings": { "stageName": "Signed up",        "stageCount": "24,812", "progressValue": 100, "progressVariant": "success", "conversionPct": "100%", "pctVariant": "success" } },
-    { "id": "fv2", "$fragment": "stage-entry-atom", "bindings": { "stageName": "Verified email",   "stageCount": "19,452", "progressValue": 78,  "progressVariant": "success", "conversionPct": "78%",  "pctVariant": "success" } },
-    { "id": "fv3", "$fragment": "stage-entry-atom", "bindings": { "stageName": "Created project",  "stageCount": "10,521", "progressValue": 42,  "progressVariant": "warning", "conversionPct": "42%",  "pctVariant": "warning" } },
-    { "id": "fv4", "$fragment": "stage-entry-atom", "bindings": { "stageName": "Invited teammate", "stageCount": "3,041",  "progressValue": 12,  "progressVariant": "danger",  "conversionPct": "12%",  "pctVariant": "danger" } },
-    { "id": "fv5", "$fragment": "stage-entry-atom", "bindings": { "stageName": "Activated",        "stageCount": "2,071",  "progressValue": 8,   "progressVariant": "danger",  "conversionPct": "8%",   "pctVariant": "danger" } },
-
-    { "id": "stats", "component": "Row", "children": ["k1", "k2"], "gap": "4" },
-    { "id": "k1", "$fragment": "stat-card", "bindings": { "label": "Overall conversion", "value": "8.3%", "trend": "+0.6pt vs last month" } },
-    { "id": "k2", "$fragment": "stat-card", "bindings": { "label": "Largest drop-off",   "value": "Step 3→4", "trend": "Invite teammate (−71%)" } },
-
-    { "id": "ftr", "$fragment": "footer-cancel-save",
-      "bindings": { "cancelLabel": "Export CSV", "confirmLabel": "Save funnel" } }
-  ]
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec",
+        "ftr"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Activation funnel \u00b7 30-day window"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Ordered events with step-to-step conversion rates"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "title",
+        "funnel-viz",
+        "stats"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Conversion funnel \u2014 5 stages"
+    },
+    {
+      "id": "funnel-viz",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "fv1",
+        "fv2",
+        "fv3",
+        "fv4",
+        "fv5"
+      ]
+    },
+    {
+      "id": "fv1",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "fv1--fsr-col",
+        "fv1--fsr-bar",
+        "fv1--fsr-pct"
+      ]
+    },
+    {
+      "id": "fv1--fsr-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "fv1--fsr-lbl",
+        "fv1--fsr-cnt"
+      ]
+    },
+    {
+      "id": "fv1--fsr-lbl",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Signed up"
+    },
+    {
+      "id": "fv1--fsr-cnt",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "24,812"
+    },
+    {
+      "id": "fv1--fsr-bar",
+      "component": "Progress",
+      "value": 100,
+      "variant": "success"
+    },
+    {
+      "id": "fv1--fsr-pct",
+      "component": "Badge",
+      "text": "100%",
+      "variant": "success"
+    },
+    {
+      "id": "fv2",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "fv2--fsr-col",
+        "fv2--fsr-bar",
+        "fv2--fsr-pct"
+      ]
+    },
+    {
+      "id": "fv2--fsr-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "fv2--fsr-lbl",
+        "fv2--fsr-cnt"
+      ]
+    },
+    {
+      "id": "fv2--fsr-lbl",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Verified email"
+    },
+    {
+      "id": "fv2--fsr-cnt",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "19,452"
+    },
+    {
+      "id": "fv2--fsr-bar",
+      "component": "Progress",
+      "value": 78,
+      "variant": "success"
+    },
+    {
+      "id": "fv2--fsr-pct",
+      "component": "Badge",
+      "text": "78%",
+      "variant": "success"
+    },
+    {
+      "id": "fv3",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "fv3--fsr-col",
+        "fv3--fsr-bar",
+        "fv3--fsr-pct"
+      ]
+    },
+    {
+      "id": "fv3--fsr-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "fv3--fsr-lbl",
+        "fv3--fsr-cnt"
+      ]
+    },
+    {
+      "id": "fv3--fsr-lbl",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Created project"
+    },
+    {
+      "id": "fv3--fsr-cnt",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "10,521"
+    },
+    {
+      "id": "fv3--fsr-bar",
+      "component": "Progress",
+      "value": 42,
+      "variant": "warning"
+    },
+    {
+      "id": "fv3--fsr-pct",
+      "component": "Badge",
+      "text": "42%",
+      "variant": "warning"
+    },
+    {
+      "id": "fv4",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "fv4--fsr-col",
+        "fv4--fsr-bar",
+        "fv4--fsr-pct"
+      ]
+    },
+    {
+      "id": "fv4--fsr-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "fv4--fsr-lbl",
+        "fv4--fsr-cnt"
+      ]
+    },
+    {
+      "id": "fv4--fsr-lbl",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Invited teammate"
+    },
+    {
+      "id": "fv4--fsr-cnt",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "3,041"
+    },
+    {
+      "id": "fv4--fsr-bar",
+      "component": "Progress",
+      "value": 12,
+      "variant": "danger"
+    },
+    {
+      "id": "fv4--fsr-pct",
+      "component": "Badge",
+      "text": "12%",
+      "variant": "danger"
+    },
+    {
+      "id": "fv5",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "fv5--fsr-col",
+        "fv5--fsr-bar",
+        "fv5--fsr-pct"
+      ]
+    },
+    {
+      "id": "fv5--fsr-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "fv5--fsr-lbl",
+        "fv5--fsr-cnt"
+      ]
+    },
+    {
+      "id": "fv5--fsr-lbl",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Activated"
+    },
+    {
+      "id": "fv5--fsr-cnt",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "2,071"
+    },
+    {
+      "id": "fv5--fsr-bar",
+      "component": "Progress",
+      "value": 8,
+      "variant": "danger"
+    },
+    {
+      "id": "fv5--fsr-pct",
+      "component": "Badge",
+      "text": "8%",
+      "variant": "danger"
+    },
+    {
+      "id": "stats",
+      "component": "Row",
+      "children": [
+        "k1",
+        "k2"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "k1",
+      "component": "Card",
+      "children": [
+        "k1--sc-sec"
+      ]
+    },
+    {
+      "id": "k1--sc-sec",
+      "component": "Section",
+      "children": [
+        "k1--sc-col"
+      ]
+    },
+    {
+      "id": "k1--sc-col",
+      "component": "Column",
+      "children": [
+        "k1--sc-label",
+        "k1--sc-value",
+        "k1--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "k1--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Overall conversion"
+    },
+    {
+      "id": "k1--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "8.3%"
+    },
+    {
+      "id": "k1--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "+0.6pt vs last month"
+    },
+    {
+      "id": "k2",
+      "component": "Card",
+      "children": [
+        "k2--sc-sec"
+      ]
+    },
+    {
+      "id": "k2--sc-sec",
+      "component": "Section",
+      "children": [
+        "k2--sc-col"
+      ]
+    },
+    {
+      "id": "k2--sc-col",
+      "component": "Column",
+      "children": [
+        "k2--sc-label",
+        "k2--sc-value",
+        "k2--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "k2--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Largest drop-off"
+    },
+    {
+      "id": "k2--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Step 3\u21924"
+    },
+    {
+      "id": "k2--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Invite teammate (\u221271%)"
+    },
+    {
+      "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": "Export CSV"
+    },
+    {
+      "id": "ftr--f-btn-save",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Save funnel"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }