@adia-ai/a2ui-corpus 0.4.3 → 0.4.4

package/compositions/settings/feature-flags.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../_schema.json",
   "name": "feature-flags",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "settings",
   "description": "Feature flag management list with rollout percentage sliders, environment targeting across dev/staging/prod, and per-flag rule builder. Shows boolean and multivariate flags with kill-switch controls.",
@@ -37,49 +37,450 @@
     "string flag",
     "config flag"
   ],
-  "related": ["settings-page", "team-members-rbac"],
+  "related": [
+    "settings-page",
+    "team-members-rbac"
+  ],
   "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": "Feature flags", "description": "14 flags across dev, staging, prod · rollout %, environment targeting, rule-based segments, kill-switch controls." }
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Feature flags"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "14 flags across dev, staging, prod \u00b7 rollout %, environment targeting, rule-based segments, kill-switch controls."
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "search",
+        "flag-list"
+      ]
+    },
+    {
+      "id": "search",
+      "component": "Input",
+      "type": "search",
+      "prefix": "magnifying-glass",
+      "placeholder": "Search flags\u2026"
+    },
+    {
+      "id": "flag-list",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "fl1",
+        "fl2",
+        "fl3",
+        "fl4",
+        "fl5"
+      ]
     },
-    { "id": "sec", "$fragment": "section-with-stack", "bindings": { "items": ["search", "flag-list"] } },
-    { "id": "search", "component": "Search", "placeholder": "Search flags…" },
-    { "id": "flag-list", "component": "Column", "gap": "4", "children": ["fl1", "fl2", "fl3", "fl4", "fl5"] },
     {
       "id": "fl1",
-      "$fragment": "rollout-entry-atom",
-      "bindings": { "flagName": "new-checkout-v2", "flagDescription": "Gradual rollout · multivariate flag", "enabled": true, "devPct": "dev 100%", "devVariant": "success", "stagingPct": "staging 100%", "stagingVariant": "success", "prodPct": "prod 25%", "prodVariant": "warning", "rolloutValue": 25 }
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "fl1--fer-sw",
+        "fl1--fer-col",
+        "fl1--fer-envs",
+        "fl1--fer-sl"
+      ]
+    },
+    {
+      "id": "fl1--fer-sw",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "fl1--fer-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "fl1--fer-name",
+        "fl1--fer-desc"
+      ]
+    },
+    {
+      "id": "fl1--fer-name",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "new-checkout-v2"
+    },
+    {
+      "id": "fl1--fer-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Gradual rollout \u00b7 multivariate flag"
+    },
+    {
+      "id": "fl1--fer-envs",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "fl1--fer-e1",
+        "fl1--fer-e2",
+        "fl1--fer-e3"
+      ]
+    },
+    {
+      "id": "fl1--fer-e1",
+      "component": "Badge",
+      "text": "dev 100%",
+      "variant": "success"
+    },
+    {
+      "id": "fl1--fer-e2",
+      "component": "Badge",
+      "text": "staging 100%",
+      "variant": "success"
+    },
+    {
+      "id": "fl1--fer-e3",
+      "component": "Badge",
+      "text": "prod 25%",
+      "variant": "warning"
+    },
+    {
+      "id": "fl1--fer-sl",
+      "component": "Slider",
+      "value": 25,
+      "min": 0,
+      "max": 100
     },
     {
       "id": "fl2",
-      "$fragment": "rollout-entry-atom",
-      "bindings": { "flagName": "ai-copilot", "flagDescription": "prod 50% · staging 100% · dev 100%", "enabled": true, "devPct": "dev 100%", "devVariant": "success", "stagingPct": "staging 100%", "stagingVariant": "success", "prodPct": "prod 50%", "prodVariant": "success", "rolloutValue": 50 }
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "fl2--fer-sw",
+        "fl2--fer-col",
+        "fl2--fer-envs",
+        "fl2--fer-sl"
+      ]
+    },
+    {
+      "id": "fl2--fer-sw",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "fl2--fer-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "fl2--fer-name",
+        "fl2--fer-desc"
+      ]
+    },
+    {
+      "id": "fl2--fer-name",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "ai-copilot"
+    },
+    {
+      "id": "fl2--fer-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "prod 50% \u00b7 staging 100% \u00b7 dev 100%"
+    },
+    {
+      "id": "fl2--fer-envs",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "fl2--fer-e1",
+        "fl2--fer-e2",
+        "fl2--fer-e3"
+      ]
+    },
+    {
+      "id": "fl2--fer-e1",
+      "component": "Badge",
+      "text": "dev 100%",
+      "variant": "success"
+    },
+    {
+      "id": "fl2--fer-e2",
+      "component": "Badge",
+      "text": "staging 100%",
+      "variant": "success"
+    },
+    {
+      "id": "fl2--fer-e3",
+      "component": "Badge",
+      "text": "prod 50%",
+      "variant": "success"
+    },
+    {
+      "id": "fl2--fer-sl",
+      "component": "Slider",
+      "value": 50,
+      "min": 0,
+      "max": 100
     },
     {
       "id": "fl3",
-      "$fragment": "rollout-entry-atom",
-      "bindings": { "flagName": "ws-push-notifications", "flagDescription": "Kill-switched across all environments", "enabled": false, "devPct": "dev 0%", "devVariant": "danger", "stagingPct": "staging 0%", "stagingVariant": "danger", "prodPct": "prod 0%", "prodVariant": "danger", "rolloutValue": 0 }
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "fl3--fer-sw",
+        "fl3--fer-col",
+        "fl3--fer-envs",
+        "fl3--fer-sl"
+      ]
+    },
+    {
+      "id": "fl3--fer-sw",
+      "component": "Toggle",
+      "checked": false
+    },
+    {
+      "id": "fl3--fer-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "fl3--fer-name",
+        "fl3--fer-desc"
+      ]
+    },
+    {
+      "id": "fl3--fer-name",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "ws-push-notifications"
+    },
+    {
+      "id": "fl3--fer-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Kill-switched across all environments"
+    },
+    {
+      "id": "fl3--fer-envs",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "fl3--fer-e1",
+        "fl3--fer-e2",
+        "fl3--fer-e3"
+      ]
+    },
+    {
+      "id": "fl3--fer-e1",
+      "component": "Badge",
+      "text": "dev 0%",
+      "variant": "danger"
+    },
+    {
+      "id": "fl3--fer-e2",
+      "component": "Badge",
+      "text": "staging 0%",
+      "variant": "danger"
+    },
+    {
+      "id": "fl3--fer-e3",
+      "component": "Badge",
+      "text": "prod 0%",
+      "variant": "danger"
+    },
+    {
+      "id": "fl3--fer-sl",
+      "component": "Slider",
+      "value": 0,
+      "min": 0,
+      "max": 100
     },
     {
       "id": "fl4",
-      "$fragment": "rollout-entry-atom",
-      "bindings": { "flagName": "dark-mode-auto", "flagDescription": "Fully rolled out in all environments", "enabled": true, "devPct": "dev 100%", "devVariant": "success", "stagingPct": "staging 100%", "stagingVariant": "success", "prodPct": "prod 100%", "prodVariant": "success", "rolloutValue": 100 }
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "fl4--fer-sw",
+        "fl4--fer-col",
+        "fl4--fer-envs",
+        "fl4--fer-sl"
+      ]
+    },
+    {
+      "id": "fl4--fer-sw",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "fl4--fer-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "fl4--fer-name",
+        "fl4--fer-desc"
+      ]
+    },
+    {
+      "id": "fl4--fer-name",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "dark-mode-auto"
+    },
+    {
+      "id": "fl4--fer-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Fully rolled out in all environments"
+    },
+    {
+      "id": "fl4--fer-envs",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "fl4--fer-e1",
+        "fl4--fer-e2",
+        "fl4--fer-e3"
+      ]
+    },
+    {
+      "id": "fl4--fer-e1",
+      "component": "Badge",
+      "text": "dev 100%",
+      "variant": "success"
+    },
+    {
+      "id": "fl4--fer-e2",
+      "component": "Badge",
+      "text": "staging 100%",
+      "variant": "success"
+    },
+    {
+      "id": "fl4--fer-e3",
+      "component": "Badge",
+      "text": "prod 100%",
+      "variant": "success"
+    },
+    {
+      "id": "fl4--fer-sl",
+      "component": "Slider",
+      "value": 100,
+      "min": 0,
+      "max": 100
     },
     {
       "id": "fl5",
-      "$fragment": "rollout-entry-atom",
-      "bindings": { "flagName": "beta-analytics-v3", "flagDescription": "prod 10% · staging 75% · gradual rollout", "enabled": true, "devPct": "dev 100%", "devVariant": "success", "stagingPct": "staging 75%", "stagingVariant": "warning", "prodPct": "prod 10%", "prodVariant": "warning", "rolloutValue": 10 }
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "fl5--fer-sw",
+        "fl5--fer-col",
+        "fl5--fer-envs",
+        "fl5--fer-sl"
+      ]
+    },
+    {
+      "id": "fl5--fer-sw",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "fl5--fer-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "fl5--fer-name",
+        "fl5--fer-desc"
+      ]
+    },
+    {
+      "id": "fl5--fer-name",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "beta-analytics-v3"
+    },
+    {
+      "id": "fl5--fer-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "prod 10% \u00b7 staging 75% \u00b7 gradual rollout"
+    },
+    {
+      "id": "fl5--fer-envs",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "fl5--fer-e1",
+        "fl5--fer-e2",
+        "fl5--fer-e3"
+      ]
+    },
+    {
+      "id": "fl5--fer-e1",
+      "component": "Badge",
+      "text": "dev 100%",
+      "variant": "success"
+    },
+    {
+      "id": "fl5--fer-e2",
+      "component": "Badge",
+      "text": "staging 75%",
+      "variant": "warning"
+    },
+    {
+      "id": "fl5--fer-e3",
+      "component": "Badge",
+      "text": "prod 10%",
+      "variant": "warning"
+    },
+    {
+      "id": "fl5--fer-sl",
+      "component": "Slider",
+      "value": 10,
+      "min": 0,
+      "max": 100
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "ftr-text"
+      ]
     },
-    { "id": "ftr", "component": "Footer", "children": ["ftr-text"] },
     {
       "id": "ftr-text",
       "component": "Text",
       "variant": "caption",
-      "color": "muted",
-      "textContent": "Last evaluated 2s ago · 14 flags · 3 kill-switched"
+      "textContent": "Last evaluated 2s ago \u00b7 14 flags \u00b7 3 kill-switched"
     }
-  ]
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }