@adia-ai/a2ui-corpus 0.4.2 → 0.4.4

package/compositions/data/cohort-retention.json

@@ -1,50 +1,402 @@
 {
   "$schema": "../_schema.json",
   "name": "cohort-retention",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "data",
-  "description": "Cohort retention matrix — weekly signup cohorts × weeks-since-signup, shown as a heatmap with darkness proportional to retention %. The canonical Mixpanel/Amplitude retention analysis view.",
-  "tags": { "purpose": ["analytics", "cohort", "retention", "heatmap"], "complexity": "composed", "layout": "matrix" },
-  "keywords": ["cohort", "retention", "heatmap", "matrix", "decay", "churn", "analytics", "mixpanel", "amplitude", "week", "cohorts"],
-  "related": ["funnel-analytics", "heatmap-calendar", "chart-dashboard"],
-
+  "description": "Cohort retention matrix \u2014 weekly signup cohorts \u00d7 weeks-since-signup, shown as a heatmap with darkness proportional to retention %. The canonical Mixpanel/Amplitude retention analysis view.",
+  "tags": {
+    "purpose": [
+      "analytics",
+      "cohort",
+      "retention",
+      "heatmap"
+    ],
+    "complexity": "composed",
+    "layout": "matrix"
+  },
+  "keywords": [
+    "cohort",
+    "retention",
+    "heatmap",
+    "matrix",
+    "decay",
+    "churn",
+    "analytics",
+    "mixpanel",
+    "amplitude",
+    "week",
+    "cohorts"
+  ],
+  "related": [
+    "funnel-analytics",
+    "heatmap-calendar",
+    "chart-dashboard"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
-    { "id": "hdr", "$fragment": "card-header-with-description",
-      "bindings": { "heading": "Weekly cohorts · retention matrix", "description": "Darker cells = higher retention. Diagonal decay shows drop-off from signup week." } },
-    { "id": "sec", "component": "Section", "children": ["statsRow", "matrix", "legend"] },
-
-    { "id": "statsRow", "component": "Row", "children": ["s1", "s2", "s3", "s4"], "gap": "4" },
-    { "id": "s1", "$fragment": "stat-card", "bindings": { "label": "W1 retention", "value": "62.4%", "trend": "+3.1pt" } },
-    { "id": "s2", "$fragment": "stat-card", "bindings": { "label": "W4 retention", "value": "31.8%", "trend": "−1.4pt" } },
-    { "id": "s3", "$fragment": "stat-card", "bindings": { "label": "W12 retention", "value": "18.6%", "trend": "+0.8pt" } },
-    { "id": "s4", "$fragment": "stat-card", "bindings": { "label": "Cohorts tracked", "value": "12", "trend": "Last 12 weeks" } },
-
-    { "id": "matrix", "component": "Table",
+    {
+      "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": "Weekly cohorts \u00b7 retention matrix"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Darker cells = higher retention. Diagonal decay shows drop-off from signup week."
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "statsRow",
+        "matrix",
+        "legend"
+      ]
+    },
+    {
+      "id": "statsRow",
+      "component": "Row",
+      "children": [
+        "s1",
+        "s2",
+        "s3",
+        "s4"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "s1",
+      "component": "Card",
+      "children": [
+        "s1--sc-sec"
+      ]
+    },
+    {
+      "id": "s1--sc-sec",
+      "component": "Section",
+      "children": [
+        "s1--sc-col"
+      ]
+    },
+    {
+      "id": "s1--sc-col",
+      "component": "Column",
+      "children": [
+        "s1--sc-label",
+        "s1--sc-value",
+        "s1--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s1--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "W1 retention"
+    },
+    {
+      "id": "s1--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "62.4%"
+    },
+    {
+      "id": "s1--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "+3.1pt"
+    },
+    {
+      "id": "s2",
+      "component": "Card",
+      "children": [
+        "s2--sc-sec"
+      ]
+    },
+    {
+      "id": "s2--sc-sec",
+      "component": "Section",
+      "children": [
+        "s2--sc-col"
+      ]
+    },
+    {
+      "id": "s2--sc-col",
+      "component": "Column",
+      "children": [
+        "s2--sc-label",
+        "s2--sc-value",
+        "s2--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s2--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "W4 retention"
+    },
+    {
+      "id": "s2--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "31.8%"
+    },
+    {
+      "id": "s2--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "\u22121.4pt"
+    },
+    {
+      "id": "s3",
+      "component": "Card",
+      "children": [
+        "s3--sc-sec"
+      ]
+    },
+    {
+      "id": "s3--sc-sec",
+      "component": "Section",
+      "children": [
+        "s3--sc-col"
+      ]
+    },
+    {
+      "id": "s3--sc-col",
+      "component": "Column",
+      "children": [
+        "s3--sc-label",
+        "s3--sc-value",
+        "s3--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s3--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "W12 retention"
+    },
+    {
+      "id": "s3--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "18.6%"
+    },
+    {
+      "id": "s3--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "+0.8pt"
+    },
+    {
+      "id": "s4",
+      "component": "Card",
+      "children": [
+        "s4--sc-sec"
+      ]
+    },
+    {
+      "id": "s4--sc-sec",
+      "component": "Section",
+      "children": [
+        "s4--sc-col"
+      ]
+    },
+    {
+      "id": "s4--sc-col",
+      "component": "Column",
+      "children": [
+        "s4--sc-label",
+        "s4--sc-value",
+        "s4--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s4--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Cohorts tracked"
+    },
+    {
+      "id": "s4--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "12"
+    },
+    {
+      "id": "s4--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Last 12 weeks"
+    },
+    {
+      "id": "matrix",
+      "component": "Table",
       "columns": [
-        { "key": "cohort", "label": "Cohort", "type": "text", "width": 120 },
-        { "key": "size",   "label": "Size",   "type": "number", "width": 80 },
-        { "key": "w0", "label": "W0", "type": "text" },
-        { "key": "w1", "label": "W1", "type": "text" },
-        { "key": "w2", "label": "W2", "type": "text" },
-        { "key": "w3", "label": "W3", "type": "text" },
-        { "key": "w4", "label": "W4", "type": "text" },
-        { "key": "w5", "label": "W5", "type": "text" }
+        {
+          "key": "cohort",
+          "label": "Cohort",
+          "type": "text",
+          "width": 120
+        },
+        {
+          "key": "size",
+          "label": "Size",
+          "type": "number",
+          "width": 80
+        },
+        {
+          "key": "w0",
+          "label": "W0",
+          "type": "text"
+        },
+        {
+          "key": "w1",
+          "label": "W1",
+          "type": "text"
+        },
+        {
+          "key": "w2",
+          "label": "W2",
+          "type": "text"
+        },
+        {
+          "key": "w3",
+          "label": "W3",
+          "type": "text"
+        },
+        {
+          "key": "w4",
+          "label": "W4",
+          "type": "text"
+        },
+        {
+          "key": "w5",
+          "label": "W5",
+          "type": "text"
+        }
       ],
       "data": [
-        { "cohort": "Feb 26", "size": 1284, "w0": "100%", "w1": "68%", "w2": "48%", "w3": "39%", "w4": "33%", "w5": "28%" },
-        { "cohort": "Mar 4",  "size": 1412, "w0": "100%", "w1": "64%", "w2": "46%", "w3": "37%", "w4": "31%", "w5": "26%" },
-        { "cohort": "Mar 11", "size": 1098, "w0": "100%", "w1": "71%", "w2": "52%", "w3": "41%", "w4": "34%", "w5": "29%" },
-        { "cohort": "Mar 18", "size": 1567, "w0": "100%", "w1": "66%", "w2": "49%", "w3": "38%", "w4": "32%", "w5": "—" },
-        { "cohort": "Mar 25", "size": 1731, "w0": "100%", "w1": "69%", "w2": "50%", "w3": "40%", "w4": "—",   "w5": "—" },
-        { "cohort": "Apr 1",  "size": 1842, "w0": "100%", "w1": "73%", "w2": "54%", "w3": "—",   "w4": "—",   "w5": "—" }
-      ]
-    },
-    { "id": "legend", "component": "Text", "variant": "caption", "color": "muted",
-      "textContent": "Legend — lighter: 10-30% · mid: 30-50% · darker: 50-80% · darkest: 80%+" },
-
-    { "id": "ftr", "$fragment": "footer-cancel-save",
-      "bindings": { "cancelLabel": "Export CSV", "confirmLabel": "Save cohort view" } }
-  ]
+        {
+          "cohort": "Feb 26",
+          "size": 1284,
+          "w0": "100%",
+          "w1": "68%",
+          "w2": "48%",
+          "w3": "39%",
+          "w4": "33%",
+          "w5": "28%"
+        },
+        {
+          "cohort": "Mar 4",
+          "size": 1412,
+          "w0": "100%",
+          "w1": "64%",
+          "w2": "46%",
+          "w3": "37%",
+          "w4": "31%",
+          "w5": "26%"
+        },
+        {
+          "cohort": "Mar 11",
+          "size": 1098,
+          "w0": "100%",
+          "w1": "71%",
+          "w2": "52%",
+          "w3": "41%",
+          "w4": "34%",
+          "w5": "29%"
+        },
+        {
+          "cohort": "Mar 18",
+          "size": 1567,
+          "w0": "100%",
+          "w1": "66%",
+          "w2": "49%",
+          "w3": "38%",
+          "w4": "32%",
+          "w5": "\u2014"
+        },
+        {
+          "cohort": "Mar 25",
+          "size": 1731,
+          "w0": "100%",
+          "w1": "69%",
+          "w2": "50%",
+          "w3": "40%",
+          "w4": "\u2014",
+          "w5": "\u2014"
+        },
+        {
+          "cohort": "Apr 1",
+          "size": 1842,
+          "w0": "100%",
+          "w1": "73%",
+          "w2": "54%",
+          "w3": "\u2014",
+          "w4": "\u2014",
+          "w5": "\u2014"
+        }
+      ]
+    },
+    {
+      "id": "legend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Legend \u2014 lighter: 10-30% \u00b7 mid: 30-50% \u00b7 darker: 50-80% \u00b7 darkest: 80%+"
+    },
+    {
+      "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 cohort view"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }