@adia-ai/a2ui-corpus 0.4.3 → 0.4.4

package/compositions/settings/integrations-gallery.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../_schema.json",
   "name": "integrations-gallery",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "settings",
   "description": "Integrations marketplace gallery with category filter chips, featured row, connectable services grid showing install/connect/disconnect states, and search. Links Acme to Slack, GitHub, Stripe, and more.",
@@ -36,97 +36,892 @@
     "api integrations",
     "featured integrations"
   ],
-  "related": ["settings-page", "search-filters"],
+  "related": [
+    "settings-page",
+    "search-filters"
+  ],
   "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": "Integrations", "description": "Connect Acme to the tools your team uses · 84 integrations across communication, dev tools, analytics, CRM, and more." }
-    },
-    { "id": "sec", "$fragment": "section-with-stack", "bindings": { "items": ["toolbar", "featured-label", "integration-grid"], "gap": "5" } },
-    { "id": "toolbar", "component": "Toolbar", "children": ["cat-tabs", "tb-search"] },
-    { "id": "cat-tabs", "component": "Tabs", "value": "all", "children": ["tab-all", "tab-comm", "tab-an", "tab-store"] },
-    { "id": "tab-all", "component": "Tab", "value": "all", "text": "All" },
-    { "id": "tab-comm", "component": "Tab", "value": "comm", "text": "Communication" },
-    { "id": "tab-an", "component": "Tab", "value": "analytics", "text": "Analytics" },
-    { "id": "tab-store", "component": "Tab", "value": "storage", "text": "Storage" },
-    { "id": "tb-search", "component": "Search", "placeholder": "Search integrations…" },
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Integrations"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Connect Acme to the tools your team uses \u00b7 84 integrations across communication, dev tools, analytics, CRM, and more."
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "5",
+      "children": [
+        "toolbar",
+        "featured-label",
+        "integration-grid"
+      ]
+    },
+    {
+      "id": "toolbar",
+      "component": "Toolbar",
+      "children": [
+        "cat-tabs",
+        "tb-search"
+      ]
+    },
+    {
+      "id": "cat-tabs",
+      "component": "Tabs",
+      "value": "all",
+      "children": [
+        "tab-all",
+        "tab-comm",
+        "tab-an",
+        "tab-store"
+      ]
+    },
+    {
+      "id": "tab-all",
+      "component": "Tab",
+      "value": "all",
+      "text": "All"
+    },
+    {
+      "id": "tab-comm",
+      "component": "Tab",
+      "value": "comm",
+      "text": "Communication"
+    },
+    {
+      "id": "tab-an",
+      "component": "Tab",
+      "value": "analytics",
+      "text": "Analytics"
+    },
+    {
+      "id": "tab-store",
+      "component": "Tab",
+      "value": "storage",
+      "text": "Storage"
+    },
+    {
+      "id": "tb-search",
+      "component": "Input",
+      "type": "search",
+      "prefix": "magnifying-glass",
+      "placeholder": "Search integrations\u2026"
+    },
     {
       "id": "integration-grid",
       "component": "Grid",
       "columns": "3",
       "gap": "4",
-      "children": ["ig1", "ig2", "ig3", "ig4", "ig5", "ig6", "ig7", "ig8", "ig9", "ig10", "ig11", "ig12"]
+      "children": [
+        "ig1",
+        "ig2",
+        "ig3",
+        "ig4",
+        "ig5",
+        "ig6",
+        "ig7",
+        "ig8",
+        "ig9",
+        "ig10",
+        "ig11",
+        "ig12"
+      ]
     },
     {
       "id": "ig1",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "Slack", "avatarInitials": "Slack", "category": "Communication", "categoryVariant": "info", "description": "Post notifications, create channels, collaborate in threads.", "ctaLabel": "Connected", "ctaVariant": "outline", "ctaIcon": "check" }
+      "component": "Card",
+      "children": [
+        "ig1--ic-h",
+        "ig1--ic-s",
+        "ig1--ic-f"
+      ]
+    },
+    {
+      "id": "ig1--ic-h",
+      "component": "Header",
+      "children": [
+        "ig1--ic-av",
+        "ig1--ic-n",
+        "ig1--ic-cat"
+      ]
+    },
+    {
+      "id": "ig1--ic-av",
+      "component": "Avatar",
+      "name": "Slack"
+    },
+    {
+      "id": "ig1--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Slack"
+    },
+    {
+      "id": "ig1--ic-cat",
+      "component": "Badge",
+      "text": "Communication",
+      "variant": "info"
+    },
+    {
+      "id": "ig1--ic-s",
+      "component": "Section",
+      "children": [
+        "ig1--ic-d"
+      ]
+    },
+    {
+      "id": "ig1--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Post notifications, create channels, collaborate in threads."
+    },
+    {
+      "id": "ig1--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig1--ic-btn"
+      ]
+    },
+    {
+      "id": "ig1--ic-btn",
+      "component": "Button",
+      "variant": "outline",
+      "text": "Connected",
+      "icon": "check"
     },
     {
       "id": "ig2",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "GitHub", "avatarInitials": "GitHub", "category": "Developer tools", "categoryVariant": "info", "description": "Link commits, PRs, and deploys to work items.", "ctaLabel": "Connected", "ctaVariant": "outline", "ctaIcon": "check" }
+      "component": "Card",
+      "children": [
+        "ig2--ic-h",
+        "ig2--ic-s",
+        "ig2--ic-f"
+      ]
+    },
+    {
+      "id": "ig2--ic-h",
+      "component": "Header",
+      "children": [
+        "ig2--ic-av",
+        "ig2--ic-n",
+        "ig2--ic-cat"
+      ]
+    },
+    {
+      "id": "ig2--ic-av",
+      "component": "Avatar",
+      "name": "GitHub"
+    },
+    {
+      "id": "ig2--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "GitHub"
+    },
+    {
+      "id": "ig2--ic-cat",
+      "component": "Badge",
+      "text": "Developer tools",
+      "variant": "info"
+    },
+    {
+      "id": "ig2--ic-s",
+      "component": "Section",
+      "children": [
+        "ig2--ic-d"
+      ]
+    },
+    {
+      "id": "ig2--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Link commits, PRs, and deploys to work items."
+    },
+    {
+      "id": "ig2--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig2--ic-btn"
+      ]
+    },
+    {
+      "id": "ig2--ic-btn",
+      "component": "Button",
+      "variant": "outline",
+      "text": "Connected",
+      "icon": "check"
     },
     {
       "id": "ig3",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "Linear", "avatarInitials": "Linear", "category": "Productivity", "categoryVariant": "info", "description": "Sync issues, automate status, mirror assignees.", "ctaLabel": "Install", "ctaVariant": "primary" }
+      "component": "Card",
+      "children": [
+        "ig3--ic-h",
+        "ig3--ic-s",
+        "ig3--ic-f"
+      ]
+    },
+    {
+      "id": "ig3--ic-h",
+      "component": "Header",
+      "children": [
+        "ig3--ic-av",
+        "ig3--ic-n",
+        "ig3--ic-cat"
+      ]
+    },
+    {
+      "id": "ig3--ic-av",
+      "component": "Avatar",
+      "name": "Linear"
+    },
+    {
+      "id": "ig3--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Linear"
+    },
+    {
+      "id": "ig3--ic-cat",
+      "component": "Badge",
+      "text": "Productivity",
+      "variant": "info"
+    },
+    {
+      "id": "ig3--ic-s",
+      "component": "Section",
+      "children": [
+        "ig3--ic-d"
+      ]
+    },
+    {
+      "id": "ig3--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Sync issues, automate status, mirror assignees."
+    },
+    {
+      "id": "ig3--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig3--ic-btn"
+      ]
+    },
+    {
+      "id": "ig3--ic-btn",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Install",
+      "icon": ""
     },
     {
       "id": "ig4",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "Stripe", "avatarInitials": "Stripe", "category": "Payments", "categoryVariant": "info", "description": "Sync customers, subscriptions, invoices.", "ctaLabel": "Connected", "ctaVariant": "outline", "ctaIcon": "check" }
+      "component": "Card",
+      "children": [
+        "ig4--ic-h",
+        "ig4--ic-s",
+        "ig4--ic-f"
+      ]
+    },
+    {
+      "id": "ig4--ic-h",
+      "component": "Header",
+      "children": [
+        "ig4--ic-av",
+        "ig4--ic-n",
+        "ig4--ic-cat"
+      ]
+    },
+    {
+      "id": "ig4--ic-av",
+      "component": "Avatar",
+      "name": "Stripe"
+    },
+    {
+      "id": "ig4--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Stripe"
+    },
+    {
+      "id": "ig4--ic-cat",
+      "component": "Badge",
+      "text": "Payments",
+      "variant": "info"
+    },
+    {
+      "id": "ig4--ic-s",
+      "component": "Section",
+      "children": [
+        "ig4--ic-d"
+      ]
+    },
+    {
+      "id": "ig4--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Sync customers, subscriptions, invoices."
+    },
+    {
+      "id": "ig4--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig4--ic-btn"
+      ]
+    },
+    {
+      "id": "ig4--ic-btn",
+      "component": "Button",
+      "variant": "outline",
+      "text": "Connected",
+      "icon": "check"
     },
     {
       "id": "ig5",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "Zoom", "avatarInitials": "Zoom", "category": "Communication", "categoryVariant": "info", "description": "Schedule meetings directly from threads.", "ctaLabel": "Install", "ctaVariant": "primary" }
+      "component": "Card",
+      "children": [
+        "ig5--ic-h",
+        "ig5--ic-s",
+        "ig5--ic-f"
+      ]
+    },
+    {
+      "id": "ig5--ic-h",
+      "component": "Header",
+      "children": [
+        "ig5--ic-av",
+        "ig5--ic-n",
+        "ig5--ic-cat"
+      ]
+    },
+    {
+      "id": "ig5--ic-av",
+      "component": "Avatar",
+      "name": "Zoom"
+    },
+    {
+      "id": "ig5--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Zoom"
+    },
+    {
+      "id": "ig5--ic-cat",
+      "component": "Badge",
+      "text": "Communication",
+      "variant": "info"
+    },
+    {
+      "id": "ig5--ic-s",
+      "component": "Section",
+      "children": [
+        "ig5--ic-d"
+      ]
+    },
+    {
+      "id": "ig5--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Schedule meetings directly from threads."
+    },
+    {
+      "id": "ig5--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig5--ic-btn"
+      ]
+    },
+    {
+      "id": "ig5--ic-btn",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Install",
+      "icon": ""
     },
     {
       "id": "ig6",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "Figma", "avatarInitials": "Figma", "category": "Productivity", "categoryVariant": "info", "description": "Embed frames and auto-sync comments.", "ctaLabel": "Install", "ctaVariant": "primary" }
+      "component": "Card",
+      "children": [
+        "ig6--ic-h",
+        "ig6--ic-s",
+        "ig6--ic-f"
+      ]
+    },
+    {
+      "id": "ig6--ic-h",
+      "component": "Header",
+      "children": [
+        "ig6--ic-av",
+        "ig6--ic-n",
+        "ig6--ic-cat"
+      ]
+    },
+    {
+      "id": "ig6--ic-av",
+      "component": "Avatar",
+      "name": "Figma"
+    },
+    {
+      "id": "ig6--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Figma"
+    },
+    {
+      "id": "ig6--ic-cat",
+      "component": "Badge",
+      "text": "Productivity",
+      "variant": "info"
+    },
+    {
+      "id": "ig6--ic-s",
+      "component": "Section",
+      "children": [
+        "ig6--ic-d"
+      ]
+    },
+    {
+      "id": "ig6--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Embed frames and auto-sync comments."
+    },
+    {
+      "id": "ig6--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig6--ic-btn"
+      ]
+    },
+    {
+      "id": "ig6--ic-btn",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Install",
+      "icon": ""
     },
     {
       "id": "ig7",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "Datadog", "avatarInitials": "Datadog", "category": "Analytics", "categoryVariant": "info", "description": "Stream metrics, traces, and logs.", "ctaLabel": "Install", "ctaVariant": "primary" }
+      "component": "Card",
+      "children": [
+        "ig7--ic-h",
+        "ig7--ic-s",
+        "ig7--ic-f"
+      ]
+    },
+    {
+      "id": "ig7--ic-h",
+      "component": "Header",
+      "children": [
+        "ig7--ic-av",
+        "ig7--ic-n",
+        "ig7--ic-cat"
+      ]
+    },
+    {
+      "id": "ig7--ic-av",
+      "component": "Avatar",
+      "name": "Datadog"
+    },
+    {
+      "id": "ig7--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Datadog"
+    },
+    {
+      "id": "ig7--ic-cat",
+      "component": "Badge",
+      "text": "Analytics",
+      "variant": "info"
+    },
+    {
+      "id": "ig7--ic-s",
+      "component": "Section",
+      "children": [
+        "ig7--ic-d"
+      ]
+    },
+    {
+      "id": "ig7--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Stream metrics, traces, and logs."
+    },
+    {
+      "id": "ig7--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig7--ic-btn"
+      ]
+    },
+    {
+      "id": "ig7--ic-btn",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Install",
+      "icon": ""
     },
     {
       "id": "ig8",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "AWS S3", "avatarInitials": "AWS S3", "category": "Storage", "categoryVariant": "info", "description": "Archive exports and media to S3 buckets.", "ctaLabel": "Connected", "ctaVariant": "outline", "ctaIcon": "check" }
+      "component": "Card",
+      "children": [
+        "ig8--ic-h",
+        "ig8--ic-s",
+        "ig8--ic-f"
+      ]
+    },
+    {
+      "id": "ig8--ic-h",
+      "component": "Header",
+      "children": [
+        "ig8--ic-av",
+        "ig8--ic-n",
+        "ig8--ic-cat"
+      ]
+    },
+    {
+      "id": "ig8--ic-av",
+      "component": "Avatar",
+      "name": "AWS S3"
+    },
+    {
+      "id": "ig8--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "AWS S3"
+    },
+    {
+      "id": "ig8--ic-cat",
+      "component": "Badge",
+      "text": "Storage",
+      "variant": "info"
+    },
+    {
+      "id": "ig8--ic-s",
+      "component": "Section",
+      "children": [
+        "ig8--ic-d"
+      ]
+    },
+    {
+      "id": "ig8--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Archive exports and media to S3 buckets."
+    },
+    {
+      "id": "ig8--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig8--ic-btn"
+      ]
+    },
+    {
+      "id": "ig8--ic-btn",
+      "component": "Button",
+      "variant": "outline",
+      "text": "Connected",
+      "icon": "check"
     },
     {
       "id": "ig9",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "Notion", "avatarInitials": "Notion", "category": "Productivity", "categoryVariant": "info", "description": "Embed docs inline and push mentions to Notion pages.", "ctaLabel": "Install", "ctaVariant": "primary" }
+      "component": "Card",
+      "children": [
+        "ig9--ic-h",
+        "ig9--ic-s",
+        "ig9--ic-f"
+      ]
+    },
+    {
+      "id": "ig9--ic-h",
+      "component": "Header",
+      "children": [
+        "ig9--ic-av",
+        "ig9--ic-n",
+        "ig9--ic-cat"
+      ]
+    },
+    {
+      "id": "ig9--ic-av",
+      "component": "Avatar",
+      "name": "Notion"
+    },
+    {
+      "id": "ig9--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Notion"
+    },
+    {
+      "id": "ig9--ic-cat",
+      "component": "Badge",
+      "text": "Productivity",
+      "variant": "info"
+    },
+    {
+      "id": "ig9--ic-s",
+      "component": "Section",
+      "children": [
+        "ig9--ic-d"
+      ]
+    },
+    {
+      "id": "ig9--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Embed docs inline and push mentions to Notion pages."
+    },
+    {
+      "id": "ig9--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig9--ic-btn"
+      ]
+    },
+    {
+      "id": "ig9--ic-btn",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Install",
+      "icon": ""
     },
     {
       "id": "ig10",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "Intercom", "avatarInitials": "Intercom", "category": "Support", "categoryVariant": "info", "description": "Two-way sync with Intercom conversations and customers.", "ctaLabel": "Connected", "ctaVariant": "outline", "ctaIcon": "check" }
+      "component": "Card",
+      "children": [
+        "ig10--ic-h",
+        "ig10--ic-s",
+        "ig10--ic-f"
+      ]
+    },
+    {
+      "id": "ig10--ic-h",
+      "component": "Header",
+      "children": [
+        "ig10--ic-av",
+        "ig10--ic-n",
+        "ig10--ic-cat"
+      ]
+    },
+    {
+      "id": "ig10--ic-av",
+      "component": "Avatar",
+      "name": "Intercom"
+    },
+    {
+      "id": "ig10--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Intercom"
+    },
+    {
+      "id": "ig10--ic-cat",
+      "component": "Badge",
+      "text": "Support",
+      "variant": "info"
+    },
+    {
+      "id": "ig10--ic-s",
+      "component": "Section",
+      "children": [
+        "ig10--ic-d"
+      ]
+    },
+    {
+      "id": "ig10--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Two-way sync with Intercom conversations and customers."
+    },
+    {
+      "id": "ig10--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig10--ic-btn"
+      ]
+    },
+    {
+      "id": "ig10--ic-btn",
+      "component": "Button",
+      "variant": "outline",
+      "text": "Connected",
+      "icon": "check"
     },
     {
       "id": "ig11",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "Salesforce", "avatarInitials": "Salesforce", "category": "CRM", "categoryVariant": "info", "description": "Sync accounts, opportunities, and contacts with Salesforce.", "ctaLabel": "Install", "ctaVariant": "primary" }
+      "component": "Card",
+      "children": [
+        "ig11--ic-h",
+        "ig11--ic-s",
+        "ig11--ic-f"
+      ]
+    },
+    {
+      "id": "ig11--ic-h",
+      "component": "Header",
+      "children": [
+        "ig11--ic-av",
+        "ig11--ic-n",
+        "ig11--ic-cat"
+      ]
+    },
+    {
+      "id": "ig11--ic-av",
+      "component": "Avatar",
+      "name": "Salesforce"
+    },
+    {
+      "id": "ig11--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Salesforce"
+    },
+    {
+      "id": "ig11--ic-cat",
+      "component": "Badge",
+      "text": "CRM",
+      "variant": "info"
+    },
+    {
+      "id": "ig11--ic-s",
+      "component": "Section",
+      "children": [
+        "ig11--ic-d"
+      ]
+    },
+    {
+      "id": "ig11--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Sync accounts, opportunities, and contacts with Salesforce."
+    },
+    {
+      "id": "ig11--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig11--ic-btn"
+      ]
+    },
+    {
+      "id": "ig11--ic-btn",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Install",
+      "icon": ""
     },
     {
       "id": "ig12",
-      "$fragment": "marketplace-tile-atom",
-      "bindings": { "name": "PagerDuty", "avatarInitials": "PagerDuty", "category": "Monitoring", "categoryVariant": "info", "description": "Escalate incidents and on-call rotations from alerts.", "ctaLabel": "Install", "ctaVariant": "primary" }
+      "component": "Card",
+      "children": [
+        "ig12--ic-h",
+        "ig12--ic-s",
+        "ig12--ic-f"
+      ]
+    },
+    {
+      "id": "ig12--ic-h",
+      "component": "Header",
+      "children": [
+        "ig12--ic-av",
+        "ig12--ic-n",
+        "ig12--ic-cat"
+      ]
+    },
+    {
+      "id": "ig12--ic-av",
+      "component": "Avatar",
+      "name": "PagerDuty"
+    },
+    {
+      "id": "ig12--ic-n",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "PagerDuty"
+    },
+    {
+      "id": "ig12--ic-cat",
+      "component": "Badge",
+      "text": "Monitoring",
+      "variant": "info"
+    },
+    {
+      "id": "ig12--ic-s",
+      "component": "Section",
+      "children": [
+        "ig12--ic-d"
+      ]
+    },
+    {
+      "id": "ig12--ic-d",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Escalate incidents and on-call rotations from alerts."
+    },
+    {
+      "id": "ig12--ic-f",
+      "component": "Footer",
+      "children": [
+        "ig12--ic-btn"
+      ]
+    },
+    {
+      "id": "ig12--ic-btn",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Install",
+      "icon": ""
+    },
+    {
+      "id": "featured-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Available integrations"
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "ftr-text"
+      ]
     },
-    { "id": "featured-label", "component": "Text", "variant": "caption", "textContent": "Available integrations" },
-    { "id": "ftr", "component": "Footer", "children": ["ftr-text"] },
     {
       "id": "ftr-text",
       "component": "Text",
       "variant": "caption",
-      "color": "muted",
-      "textContent": "Showing 6 of 84 integrations · Request new integration"
+      "textContent": "Showing 6 of 84 integrations \u00b7 Request new integration"
     }
-  ]
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }