@adia-ai/a2ui-corpus 0.4.2 → 0.4.4

package/compositions/settings/usage-quota-meter.json

@@ -1,11 +1,21 @@
 {
   "$schema": "../_schema.json",
   "name": "usage-quota-meter",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "settings",
   "description": "Usage and quota meter showing bandwidth, seats, compute, and storage consumption with threshold indicators at 50%, 80%, and 100% (overage). Displays per-resource progress bars, current plan, billing cycle, and upgrade CTA.",
-  "tags": { "purpose": ["usage", "quota", "billing", "limits", "metering"], "complexity": "composed", "layout": "stacked" },
+  "tags": {
+    "purpose": [
+      "usage",
+      "quota",
+      "billing",
+      "limits",
+      "metering"
+    ],
+    "complexity": "composed",
+    "layout": "stacked"
+  },
   "keywords": [
     "usage quota",
     "quota meter",
@@ -27,28 +37,182 @@
     "cap",
     "rate limit"
   ],
-  "related": ["billing-dashboard", "pricing-table"],
+  "related": [
+    "billing-dashboard",
+    "pricing-table"
+  ],
   "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": "Current usage", "description": "Billing cycle Apr 01 – Apr 30 · resets in 11 days · Pro plan ($29/mo)." }
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Current usage"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Billing cycle Apr 01 \u2013 Apr 30 \u00b7 resets in 11 days \u00b7 Pro plan ($29/mo)."
     },
     {
       "id": "sec",
-      "$fragment": "section-with-stack",
-      "bindings": { "items": ["m1", "d1", "m2", "d2", "m3", "d3", "m4", "d4", "m5", "alert"], "gap": "5" }
-    },
-    { "id": "m1", "$fragment": "labeled-progress", "bindings": { "label": "Bandwidth · 820 GB of 1,000 GB (82%)", "value": 82 } },
-    { "id": "d1", "component": "Divider" },
-    { "id": "m2", "$fragment": "labeled-progress", "bindings": { "label": "Seats · 29 of 50 (58%)", "value": 58 } },
-    { "id": "d2", "component": "Divider" },
-    { "id": "m3", "$fragment": "labeled-progress", "bindings": { "label": "Compute · 342 of 1,000 minutes (34%)", "value": 34 } },
-    { "id": "d3", "component": "Divider" },
-    { "id": "m4", "$fragment": "labeled-progress", "bindings": { "label": "Storage · 103 GB of 100 GB (OVER 103%)", "value": 100 } },
-    { "id": "d4", "component": "Divider" },
-    { "id": "m5", "$fragment": "labeled-progress", "bindings": { "label": "API requests · 124K of 1M (12%)", "value": 12 } },
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "5",
+      "children": [
+        "m1",
+        "d1",
+        "m2",
+        "d2",
+        "m3",
+        "d3",
+        "m4",
+        "d4",
+        "m5",
+        "alert"
+      ]
+    },
+    {
+      "id": "m1",
+      "component": "Column",
+      "children": [
+        "m1--lp-label",
+        "m1--lp-progress"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "m1--lp-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Bandwidth \u00b7 820 GB of 1,000 GB (82%)"
+    },
+    {
+      "id": "m1--lp-progress",
+      "component": "Progress",
+      "value": 82
+    },
+    {
+      "id": "d1",
+      "component": "Divider"
+    },
+    {
+      "id": "m2",
+      "component": "Column",
+      "children": [
+        "m2--lp-label",
+        "m2--lp-progress"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "m2--lp-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Seats \u00b7 29 of 50 (58%)"
+    },
+    {
+      "id": "m2--lp-progress",
+      "component": "Progress",
+      "value": 58
+    },
+    {
+      "id": "d2",
+      "component": "Divider"
+    },
+    {
+      "id": "m3",
+      "component": "Column",
+      "children": [
+        "m3--lp-label",
+        "m3--lp-progress"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "m3--lp-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Compute \u00b7 342 of 1,000 minutes (34%)"
+    },
+    {
+      "id": "m3--lp-progress",
+      "component": "Progress",
+      "value": 34
+    },
+    {
+      "id": "d3",
+      "component": "Divider"
+    },
+    {
+      "id": "m4",
+      "component": "Column",
+      "children": [
+        "m4--lp-label",
+        "m4--lp-progress"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "m4--lp-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Storage \u00b7 103 GB of 100 GB (OVER 103%)"
+    },
+    {
+      "id": "m4--lp-progress",
+      "component": "Progress",
+      "value": 100
+    },
+    {
+      "id": "d4",
+      "component": "Divider"
+    },
+    {
+      "id": "m5",
+      "component": "Column",
+      "children": [
+        "m5--lp-label",
+        "m5--lp-progress"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "m5--lp-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "API requests \u00b7 124K of 1M (12%)"
+    },
+    {
+      "id": "m5--lp-progress",
+      "component": "Progress",
+      "value": 12
+    },
     {
       "id": "alert",
       "component": "Alert",
@@ -57,9 +221,36 @@
       "title": "Approaching bandwidth limit",
       "description": "At the current rate you'll exceed the 1,000 GB included quota by April 27. Overage is billed at $0.05/GB. Upgrade to Team for a 5 TB cap."
     },
-    { "id": "ftr", "component": "Footer", "children": ["ftr-row"] },
-    { "id": "ftr-row", "component": "Row", "gap": "2", "children": ["ftr-hist", "ftr-up"] },
-    { "id": "ftr-hist", "component": "Button", "variant": "outline", "icon": "chart-line-up", "text": "Usage history" },
-    { "id": "ftr-up", "component": "Button", "variant": "primary", "icon": "arrow-up", "text": "Upgrade to Team" }
-  ]
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "ftr-row"
+      ]
+    },
+    {
+      "id": "ftr-row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "ftr-hist",
+        "ftr-up"
+      ]
+    },
+    {
+      "id": "ftr-hist",
+      "component": "Button",
+      "variant": "outline",
+      "icon": "chart-line-up",
+      "text": "Usage history"
+    },
+    {
+      "id": "ftr-up",
+      "component": "Button",
+      "variant": "primary",
+      "icon": "arrow-up",
+      "text": "Upgrade to Team"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }