@adia-ai/a2ui-corpus 0.0.1

package/compositions/settings/api-keys.json

@@ -0,0 +1,57 @@
+{
+  "$schema": "../_schema.json",
+  "name": "api-keys",
+  "version": 1,
+  "kind": "composition",
+  "domain": "settings",
+  "description": "API keys / tokens management — list of masked tokens with scopes, last-used, status; plus create flow and rotate/revoke actions. Stripe/Vercel/OpenAI-style developer dashboard pattern.",
+  "tags": { "purpose": ["developer", "api-keys", "tokens", "secrets", "rbac"], "complexity": "composed", "layout": "list" },
+  "keywords": ["api keys", "tokens", "secrets", "bearer", "rotate", "revoke", "scopes", "stripe", "openai", "vercel", "developer", "sdk"],
+  "related": ["webhooks", "team-members-rbac", "session-device-mgmt"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "API keys", "description": "Secrets are shown once at creation. Treat like a password." } },
+    { "id": "sec", "component": "Section", "children": ["alert", "stats", "keys-toolbar", "table", "keys-title", "keys-list", "newkey-name"] },
+
+    { "id": "keys-toolbar", "component": "Toolbar", "children": ["kt-search", "kt-new"] },
+    { "id": "kt-search", "component": "Search", "placeholder": "Search keys by name or scope…" },
+    { "id": "kt-new", "component": "Button", "variant": "primary", "icon": "plus", "text": "Create new API key" },
+
+    { "id": "alert", "component": "Alert", "variant": "warning", "icon": "warning", "title": "Secret shown only once at creation", "description": "Copy your new key immediately — we never display the full value again. Rotate compromised keys; Revoke to permanently invalidate." },
+
+    { "id": "stats", "component": "Row", "children": ["s1", "s2", "s3", "s4"], "gap": "4" },
+    { "id": "s1", "$fragment": "stat-card", "bindings": { "label": "Live keys", "value": "3", "trend": "sk_live_*" } },
+    { "id": "s2", "$fragment": "stat-card", "bindings": { "label": "Test keys", "value": "2", "trend": "sk_test_*" } },
+    { "id": "s3", "$fragment": "stat-card", "bindings": { "label": "Requests (24h)", "value": "184k", "trend": "+12% vs yesterday" } },
+    { "id": "s4", "$fragment": "stat-card", "bindings": { "label": "Last rotation", "value": "14d ago", "trend": "Next due in 76d" } },
+
+    { "id": "table", "component": "Table",
+      "columns": [
+        { "key": "name",     "label": "Name",     "type": "text", "flex": 2 },
+        { "key": "token",    "label": "Token",    "type": "text", "flex": 2 },
+        { "key": "scopes",   "label": "Scopes",   "type": "text", "flex": 2 },
+        { "key": "lastUsed", "label": "Last used", "type": "text", "width": 120 },
+        { "key": "status",   "label": "Status",   "type": "badge", "width": 100 }
+      ],
+      "data": [
+        { "name": "Production backend",    "token": "sk_live_••••2Kj", "scopes": "read_all, write_charges",   "lastUsed": "3 min ago",  "status": "Active" },
+        { "name": "CI / deploy hooks",     "token": "sk_live_••••8Fx", "scopes": "read_deploys, write_deploys", "lastUsed": "2 hours ago", "status": "Active" },
+        { "name": "Legacy webhook relay",  "token": "sk_live_••••p1A", "scopes": "read_all",                   "lastUsed": "Yesterday",   "status": "Rotate" },
+        { "name": "Staging QA",            "token": "sk_test_••••qT3", "scopes": "read_all, write_all",        "lastUsed": "1 hour ago",  "status": "Test" }
+      ]
+    },
+
+    { "id": "keys-title", "component": "Text", "variant": "section", "textContent": "Keys — copy, rotate, revoke" },
+    { "id": "keys-list", "component": "Column", "gap": "2", "children": ["k1", "k2", "k3"] },
+    { "id": "k1", "$fragment": "credential-entry-atom", "bindings": { "keyName": "Production backend", "maskedToken": "sk_live_****abc1", "scopes": "read_all · write_charges", "scopeVariant": "info", "lastUsed": "used 3 min ago" } },
+    { "id": "k2", "$fragment": "credential-entry-atom", "bindings": { "keyName": "CI / deploy hooks", "maskedToken": "sk_live_****d9f2", "scopes": "read_deploys · write_deploys", "scopeVariant": "info", "lastUsed": "used 2h ago" } },
+    { "id": "k3", "$fragment": "credential-entry-atom", "bindings": { "keyName": "Legacy webhook relay", "maskedToken": "sk_live_****7e4a", "scopes": "read_all", "scopeVariant": "warning", "lastUsed": "used yesterday" } },
+
+    { "id": "newkey-name", "$fragment": "labeled-input", "bindings": { "label": "New key name", "name": "new_key_name", "placeholder": "e.g. Production backend" } },
+
+    { "id": "ftr", "$fragment": "footer-cancel-save",
+      "bindings": { "cancelLabel": "View docs", "confirmLabel": "Create new key" } }
+  ]
+}

package/compositions/settings/feature-flags.json

@@ -0,0 +1,41 @@
+{
+  "$schema": "../_schema.json",
+  "name": "feature-flags",
+  "version": 1,
+  "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.",
+  "tags": {
+    "purpose": ["feature-flags", "rollout", "experimentation", "ab-testing", "toggles"],
+    "complexity": "complex",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "feature flag", "feature flags", "feature toggle", "launch darkly",
+    "rollout percentage", "rollout slider", "environment targeting",
+    "dev staging prod", "kill switch", "gradual rollout",
+    "ab test", "multivariate", "experiment",
+    "targeting rules", "rule builder", "user segments",
+    "boolean flag", "string flag", "config flag"
+  ],
+  "related": ["settings-page", "team-members-rbac"],
+
+  "template": [
+    { "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." } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "gap": "3", "children": ["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 } },
+    { "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 } },
+    { "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 } },
+    { "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 } },
+    { "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 } },
+
+    { "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" }
+  ]
+}

package/compositions/settings/integrations-gallery.json

@@ -0,0 +1,66 @@
+{
+  "$schema": "../_schema.json",
+  "name": "integrations-gallery",
+  "version": 1,
+  "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.",
+  "tags": {
+    "purpose": ["integrations", "marketplace", "apps", "connections", "oauth"],
+    "complexity": "complex",
+    "layout": "grid"
+  },
+  "keywords": [
+    "integrations", "integration gallery", "marketplace",
+    "connect service", "install integration", "disconnect",
+    "app directory", "app store", "plugins",
+    "oauth consent", "third party apps", "connectors",
+    "slack integration", "github integration", "stripe integration",
+    "connected apps", "api integrations", "featured integrations"
+  ],
+  "related": ["settings-page", "search-filters"],
+
+  "template": [
+    { "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", "component": "Section", "children": ["col"] },
+    { "id": "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": "Search", "placeholder": "Search integrations…" },
+
+    { "id": "integration-grid", "component": "Grid", "columns": "3", "gap": "4", "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" } },
+
+    { "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" } },
+
+    { "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" } },
+
+    { "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" } },
+
+    { "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" } },
+
+    { "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" } },
+
+    { "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" } },
+
+    { "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" } },
+
+    { "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" } },
+    { "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" } },
+    { "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" } },
+    { "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" } },
+
+    { "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" }
+  ]
+}

package/compositions/settings/session-device-mgmt.json

@@ -0,0 +1,52 @@
+{
+  "$schema": "../_schema.json",
+  "name": "session-device-mgmt",
+  "version": 1,
+  "kind": "composition",
+  "domain": "settings",
+  "description": "Active sessions + device management — list of signed-in devices with OS, IP, last-seen, current-device marker, revoke actions, and bulk 'sign out all other sessions'. Google/1Password/GitHub account security pattern.",
+  "tags": { "purpose": ["security", "sessions", "devices", "account"], "complexity": "composed", "layout": "list" },
+  "keywords": ["sessions", "devices", "security", "sign out", "revoke", "trusted devices", "2fa", "logout", "account", "activity"],
+  "related": ["team-members-rbac", "api-keys"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Active sessions", "description": "Review devices using your account. Revoke any you don't recognize." } },
+    { "id": "sec", "component": "Section", "children": ["stats", "list", "sessions-title", "sessions-list", "signout-all"] },
+
+    { "id": "stats", "component": "Row", "children": ["s1", "s2", "s3"], "gap": "4" },
+    { "id": "s1", "$fragment": "stat-card", "bindings": { "label": "Active sessions", "value": "5", "trend": "Across 3 cities" } },
+    { "id": "s2", "$fragment": "stat-card", "bindings": { "label": "Trusted devices", "value": "3", "trend": "Skip 2FA prompts" } },
+    { "id": "s3", "$fragment": "stat-card", "bindings": { "label": "Last password change", "value": "42 days ago", "trend": "Rotate every 90d" } },
+
+    { "id": "list", "component": "Table",
+      "columns": [
+        { "key": "device",    "label": "Device",      "type": "text", "flex": 2 },
+        { "key": "location",  "label": "Location",    "type": "text", "flex": 2 },
+        { "key": "ip",        "label": "IP",          "type": "text", "width": 140 },
+        { "key": "lastSeen",  "label": "Last active", "type": "text", "width": 140 },
+        { "key": "status",    "label": "Status",      "type": "badge", "width": 140 }
+      ],
+      "data": [
+        { "device": "MacBook Pro · Chrome 128",       "location": "San Francisco, CA",      "ip": "73.15.248.12",   "lastSeen": "Just now",     "status": "This device" },
+        { "device": "iPhone 15 · Acme iOS 4.12",      "location": "San Francisco, CA",      "ip": "73.15.248.12",   "lastSeen": "14 min ago",   "status": "Trusted" },
+        { "device": "ThinkPad X1 · Firefox 123",      "location": "Oakland, CA",            "ip": "73.15.248.8",    "lastSeen": "2 days ago",   "status": "Trusted" },
+        { "device": "iPad Pro · Safari",              "location": "Los Angeles, CA",        "ip": "98.148.22.174",  "lastSeen": "6 days ago",   "status": "Active" },
+        { "device": "Unknown Windows 11 · Firefox",   "location": "Amsterdam, Netherlands", "ip": "198.51.100.42",  "lastSeen": "4 hours ago",  "status": "Unrecognized" }
+      ]
+    },
+
+    { "id": "sessions-title", "component": "Text", "variant": "section", "textContent": "Devices — revoke unrecognized sessions" },
+    { "id": "sessions-list", "component": "Column", "gap": "2", "children": ["sd1", "sd2", "sd3", "sd4"] },
+    { "id": "sd1", "$fragment": "signed-in-entry-atom", "bindings": { "deviceIcon": "laptop", "deviceName": "MacBook Pro", "deviceMeta": "Chrome 128 · macOS 14.4", "ipAddress": "73.15.248.12 · San Francisco", "lastSeen": "Active now", "badgeLabel": "Current device", "badgeVariant": "success", "revokeLabel": "" } },
+    { "id": "sd2", "$fragment": "signed-in-entry-atom", "bindings": { "deviceIcon": "device-mobile", "deviceName": "iPhone 15", "deviceMeta": "Acme iOS 4.12", "ipAddress": "73.15.248.12 · San Francisco", "lastSeen": "14 min ago", "badgeLabel": "Trusted", "badgeVariant": "info" } },
+    { "id": "sd3", "$fragment": "signed-in-entry-atom", "bindings": { "deviceIcon": "laptop", "deviceName": "ThinkPad X1", "deviceMeta": "Firefox 123 · Ubuntu 24.04", "ipAddress": "73.15.248.8 · Oakland", "lastSeen": "2 days ago", "badgeLabel": "Trusted", "badgeVariant": "info" } },
+    { "id": "sd4", "$fragment": "signed-in-entry-atom", "bindings": { "deviceIcon": "warning", "deviceName": "Unknown Windows 11", "deviceMeta": "Firefox · Unrecognized", "ipAddress": "198.51.100.42 · Amsterdam", "lastSeen": "4 hours ago", "badgeLabel": "Unrecognized", "badgeVariant": "danger" } },
+
+    { "id": "signout-all", "component": "Button", "variant": "danger", "icon": "sign-out", "text": "Sign out all other sessions", "block": true },
+
+    { "id": "ftr", "$fragment": "footer-cancel-save",
+      "bindings": { "cancelLabel": "View activity log", "confirmLabel": "Sign out all other sessions" } }
+  ]
+}

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

@@ -0,0 +1,47 @@
+{
+  "$schema": "../_schema.json",
+  "name": "usage-quota-meter",
+  "version": 1,
+  "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"
+  },
+  "keywords": [
+    "usage quota", "quota meter", "bandwidth usage", "seat usage",
+    "compute usage", "storage usage", "api requests used",
+    "plan limits", "monthly usage", "billing cycle",
+    "overage", "over quota", "threshold warning",
+    "upgrade plan", "usage dashboard", "metered billing",
+    "consumption", "cap", "rate limit"
+  ],
+  "related": ["billing-dashboard", "pricing-table"],
+
+  "template": [
+    { "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)." } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "gap": "5", "children": ["m1", "d1", "m2", "d2", "m3", "d3", "m4", "d4", "m5", "alert"] },
+
+    { "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 } },
+
+    { "id": "alert", "component": "Alert", "variant": "warning", "icon": "warning", "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" }
+  ]
+}

package/compositions/settings/webhooks.json

@@ -0,0 +1,62 @@
+{
+  "$schema": "../_schema.json",
+  "name": "webhooks",
+  "version": 1,
+  "kind": "composition",
+  "domain": "settings",
+  "description": "Webhook endpoints management — configured URLs with subscribed events, signing secret, success rate, plus delivery log with HTTP status codes and retry counts. Stripe/Vercel/GitHub developer pattern.",
+  "tags": { "purpose": ["developer", "webhooks", "events", "delivery-log"], "complexity": "composed", "layout": "list" },
+  "keywords": ["webhooks", "endpoints", "events", "delivery", "retry", "signing secret", "http", "stripe", "github", "integration"],
+  "related": ["api-keys", "team-members-rbac"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Webhook endpoints", "description": "POST events to your URLs. Retry up to 3 days with exponential backoff." } },
+    { "id": "sec", "component": "Section", "children": ["stats", "newform", "endpoints", "log"] },
+
+    { "id": "newform", "component": "Column", "gap": "3", "children": ["new-url", "new-desc"] },
+    { "id": "new-url", "$fragment": "labeled-input", "bindings": { "label": "Endpoint URL", "name": "endpoint_url", "type": "url", "placeholder": "https://api.acme.io/webhooks/stripe" } },
+    { "id": "new-desc", "$fragment": "labeled-textarea", "bindings": { "label": "Description & subscribed events", "name": "endpoint_description", "placeholder": "Subscribed events (e.g. charge.*, invoice.paid) and notes about the destination service.", "rows": 3 } },
+
+    { "id": "stats", "component": "Row", "children": ["s1", "s2", "s3", "s4"], "gap": "4" },
+    { "id": "s1", "$fragment": "stat-card", "bindings": { "label": "Active endpoints", "value": "4", "trend": "3 live · 1 test" } },
+    { "id": "s2", "$fragment": "stat-card", "bindings": { "label": "Events (24h)", "value": "12,482", "trend": "+8.2%" } },
+    { "id": "s3", "$fragment": "stat-card", "bindings": { "label": "Success rate", "value": "99.81%", "trend": "Above 99% target" } },
+    { "id": "s4", "$fragment": "stat-card", "bindings": { "label": "Failing now", "value": "1", "trend": "legacy.acme.io" } },
+
+    { "id": "endpoints", "component": "Table",
+      "columns": [
+        { "key": "url",     "label": "URL",      "type": "text", "flex": 3 },
+        { "key": "events",  "label": "Events",   "type": "text", "flex": 2 },
+        { "key": "status",  "label": "Status",   "type": "badge", "width": 100 },
+        { "key": "success", "label": "24h success", "type": "text", "width": 120 }
+      ],
+      "data": [
+        { "url": "https://api.acme.io/webhooks/stripe", "events": "charge.*, invoice.*", "status": "Enabled", "success": "100.0%" },
+        { "url": "https://ops.acme.io/hooks/deploys",  "events": "deploy.started, deploy.finished", "status": "Enabled", "success": "99.94%" },
+        { "url": "https://legacy.acme.io/webhook",     "events": "user.created", "status": "Failing", "success": "78.4%" },
+        { "url": "https://staging.acme.io/hooks/test", "events": "*",           "status": "Test",    "success": "100.0%" }
+      ]
+    },
+
+    { "id": "log", "component": "Table",
+      "columns": [
+        { "key": "status",  "label": "Status",  "type": "badge", "width": 80 },
+        { "key": "event",   "label": "Event",   "type": "text", "flex": 2 },
+        { "key": "latency", "label": "Latency", "type": "text", "width": 100 },
+        { "key": "retries", "label": "Retries", "type": "text", "width": 80 },
+        { "key": "when",    "label": "When",    "type": "text", "width": 120 }
+      ],
+      "data": [
+        { "status": "200",  "event": "charge.succeeded",              "latency": "142ms",   "retries": "0",    "when": "2 sec ago" },
+        { "status": "200",  "event": "invoice.paid",                  "latency": "188ms",   "retries": "0",    "when": "14 sec ago" },
+        { "status": "408",  "event": "user.created",                  "latency": "5,002ms", "retries": "2/5",  "when": "1 min ago" },
+        { "status": "500",  "event": "customer.subscription.deleted", "latency": "320ms",   "retries": "5/5",  "when": "4 min ago" }
+      ]
+    },
+
+    { "id": "ftr", "$fragment": "footer-cancel-save",
+      "bindings": { "cancelLabel": "View event log", "confirmLabel": "Add endpoint" } }
+  ]
+}

package/exemplars/AUDIT-REPORT.md

@@ -0,0 +1,116 @@
+# AdiaUI Training Data — Visual Audit Report (REVISED)
+## April 15, 2026
+
+### CRITICAL FINDING
+The initial audit used Python's http.server which cannot resolve bare ES module specifiers
+(`@core/element.js`). ALL components were failing to register. After switching to Vite
+(the project's actual dev server), most patterns render correctly.
+
+**Lesson: Always use `npm run dev` (Vite) to view training patterns.**
+
+### Rating Scale
+- 1/5: Broken / essentially blank
+- 2/5: Renders but major structural problems
+- 3/5: Functional but needs polish or more variations
+- 4/5: Good quality, minor issues
+- 5/5: Production-ready golden example
+
+---
+
+## REVISED SCORES (with Vite)
+
+### ⭐⭐⭐⭐⭐ (5/5) — Production quality
+| Pattern | Notes |
+|---------|-------|
+| **ui/empty-state** | 8 variants across 5 categories. Icons, copy, CTAs all excellent. |
+
+### ⭐⭐⭐⭐ (4/5) — Good, minor polish needed
+| Pattern | Notes |
+|---------|-------|
+| **ui/auth-login** | 10 variations. Split layout recently fixed. Best ui pattern for variation count. |
+| **prose/auth-login** | 7 rich compositions. Well-structured. |
+| **ui/kanban** | 3-column board. Cards with tags, avatars, add buttons. Clean. |
+| **ui/chat-list** | 8 contacts with search, avatars, timestamps, unread badges. |
+| **ui/data-table** | Full table with checkboxes, sorting, status badges, pagination, toolbar. |
+| **ui/nav-sidebar** | Full sidebar with nav groups, breadcrumbs, stat cards in main area. |
+| **ui/toolbar** | 3 variations (text editor, app bar, canvas). Icons rendering well. |
+| **ui/otp** | 3 variations. OTP inputs render. Timer + progress bar on 2FA variant. |
+| **prose/footer** | Clean link grid, social icons, copyright. Best prose pattern. |
+
+### ⭐⭐⭐½ (3.5/5) — Decent, needs more variations or polish
+| Pattern | Notes |
+|---------|-------|
+| **ui/stat-cards** | 4 sections render fully. Low card-to-background contrast. |
+| **ui/stat-pattern** | 5 sections. Need to verify sparkline rendering. |
+| **ui/accordion-settings** | Accordions work. Toggles hidden in collapsed sections — needs expanded state. |
+| **prose/feature-grid** | Clean 3x2 grid. Missing icons in cards. |
+| **prose/pricing** | Classic 3-tier. Could use toggle (monthly/annual) and comparison table. |
+| **prose/testimonials** | Grid + featured. Clean. Only 1 composition. |
+| **prose/steps** | 4 stepper variations. Missing labels/connectors on some. |
+
+### ⭐⭐⭐ (3/5) — Functional but needs work
+| Pattern | Notes |
+|---------|-------|
+| **ui/breadcrumb** | 4 contextual variations. Separators may be rendering now — verify. |
+| **ui/tooltip-popover** | 6 sections. Need to re-verify icon rendering. |
+| **ui/theme-builder** | Nice concept. Verify slider controls render with Vite. |
+| **ui/tabs-panels** | 2 variations only. Need more. Avatar may render now. |
+| **ui/timeline-pattern** | 4 sections. Need to verify labels/icons with Vite. |
+| **ui/divider** | 5 sections. Need to verify label rendering with Vite. |
+| **ui/drawer-panel** | Decent list UI. Only 1 real pattern. |
+| **ui/code-block** | Need re-audit with Vite — may have syntax highlighting now. |
+| **ui/command-palette** | Need re-audit — search input + icons may render now. |
+| **ui/file-upload** | Need re-audit — dropzone + progress bars may render now. |
+| **ui/embed** | 3 card types. Minimal but functional. |
+| **prose/cta** | Only 1 variation. Needs 2-3 more compositions. |
+| **prose/hero** | Very minimal. 1 variation with placeholder screenshot. |
+| **prose/user-profile** | 3 variations. Avatars should render now. Spacing needs fix. |
+
+### ⭐⭐ (2/5) — Needs significant rework
+| Pattern | Notes |
+|---------|-------|
+| **ui/auth** | Uses tabs + JS. Different paradigm than other training data. Only shows 1 panel. |
+| **ui/ai-input** | Only 1 variation. Needs full family of chat input patterns. |
+| **ui/chat** | Only 1 variation. Needs conversation states, group chat, etc. |
+| **ui/notifications** | Only empty state shown. Needs populated state + variations. |
+| **ui/settings** | Too thin. Needs full settings page with multiple sections. |
+| **ui/skeleton** | Need to verify with Vite. May still be too minimal. |
+| **ui/navbar** | 1 variation only. Needs mobile, sticky, with-dropdown variants. |
+
+---
+
+## STRUCTURAL ISSUES (still valid regardless of rendering)
+
+### 1. Too few variations
+Many ui patterns have only 1-3 variations. auth-login (10) and empty-state (8) are the standard.
+**Target: 4-8 variations per ui pattern.**
+
+Patterns needing more variations:
+- ai-input (1), chat (1), navbar (1), notifications (1), settings (1)
+- skeleton (needs clear section labels), chat-list (1), auth (1)
+
+### 2. Prose patterns too thin
+Most prose patterns are single compositions. Should have 2-3 alternative layouts/styles.
+- hero (1), cta (1), user-profile could be richer
+
+### 3. Some patterns duplicate
+- ui/auth vs ui/auth-login: auth uses tabs/JS, auth-login is the proper multi-variation format.
+  Consider retiring ui/auth in favor of auth-login.
+
+---
+
+## PRIORITY ACTION PLAN (revised)
+
+### P1 — Re-audit with Vite (fast pass)
+Spot-check remaining ~12 patterns that weren't re-audited to get accurate scores.
+Patterns: skeleton, chat, notifications, settings, breadcrumb, tooltip-popover,
+theme-builder, timeline-pattern, divider, code-block, command-palette, file-upload
+
+### P2 — Expand thin patterns (needs more variations)
+ai-input, chat, navbar, notifications, settings, skeleton → add 4-6 variations each
+
+### P3 — Enrich prose patterns
+hero, cta → add 2-3 more compositions each
+
+### P4 — Polish existing patterns
+Fix spacing, alignment, typography issues found during audit