@adia-ai/a2ui-corpus 0.4.2 → 0.4.4

package/compositions/data/audit-log-viewer.json

@@ -1,11 +1,21 @@
 {
   "$schema": "../_schema.json",
   "name": "audit-log-viewer",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "data",
   "description": "Audit log viewer with actor+action+target rows, filter rail, and diff-preview drawer for change events. Shows workspace security events with 90-day retention, filterable by actor, action, resource, and date range.",
-  "tags": { "purpose": ["audit", "log", "security", "events", "activity"], "complexity": "complex", "layout": "split" },
+  "tags": {
+    "purpose": [
+      "audit",
+      "log",
+      "security",
+      "events",
+      "activity"
+    ],
+    "complexity": "complex",
+    "layout": "split"
+  },
   "keywords": [
     "audit log",
     "audit trail",
@@ -25,83 +35,482 @@
     "access log",
     "authentication log"
   ],
-  "related": ["activity-feed", "notification-center", "change-history"],
+  "related": [
+    "activity-feed",
+    "notification-center",
+    "change-history"
+  ],
   "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": "Audit log", "description": "Workspace security events · 90-day retention · filter by actor, action, resource." }
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Audit log"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Workspace security events \u00b7 90-day retention \u00b7 filter by actor, action, resource."
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "layout"
+      ]
+    },
+    {
+      "id": "layout",
+      "component": "Row",
+      "gap": "5",
+      "children": [
+        "rail",
+        "rows"
+      ]
     },
-    { "id": "sec", "component": "Section", "children": ["layout"] },
-    { "id": "layout", "component": "Row", "gap": "5", "children": ["rail", "rows"] },
     {
       "id": "rail",
       "component": "Column",
       "gap": "4",
-      "children": ["rail-t-actor", "rail-s-actor", "rail-t-action", "rail-check-invite", "rail-check-revoke", "rail-check-rotate", "rail-t-date", "rail-date-from", "rail-date-to"]
+      "children": [
+        "rail-t-actor",
+        "rail-s-actor",
+        "rail-t-action",
+        "rail-check-invite",
+        "rail-check-revoke",
+        "rail-check-rotate",
+        "rail-t-date",
+        "rail-date-from",
+        "rail-date-to"
+      ]
+    },
+    {
+      "id": "rail-t-actor",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Actor"
+    },
+    {
+      "id": "rail-s-actor",
+      "component": "Input",
+      "type": "search",
+      "prefix": "magnifying-glass",
+      "placeholder": "Search people\u2026"
+    },
+    {
+      "id": "rail-t-action",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Action"
     },
-    { "id": "rail-t-actor", "component": "Text", "variant": "caption", "textContent": "Actor" },
-    { "id": "rail-s-actor", "component": "Search", "placeholder": "Search people…" },
-    { "id": "rail-t-action", "component": "Text", "variant": "caption", "textContent": "Action" },
     {
       "id": "rail-check-invite",
-      "$fragment": "labeled-checkbox",
-      "bindings": { "label": "user.invite", "name": "user.invite", "checked": "true" }
+      "component": "CheckBox",
+      "label": "user.invite",
+      "name": "user.invite",
+      "checked": "true"
     },
     {
       "id": "rail-check-revoke",
-      "$fragment": "labeled-checkbox",
-      "bindings": { "label": "key.revoke", "name": "key.revoke", "checked": "false" }
+      "component": "CheckBox",
+      "label": "key.revoke",
+      "name": "key.revoke",
+      "checked": "false"
     },
     {
       "id": "rail-check-rotate",
-      "$fragment": "labeled-checkbox",
-      "bindings": { "label": "key.rotate", "name": "key.rotate", "checked": "true" }
+      "component": "CheckBox",
+      "label": "key.rotate",
+      "name": "key.rotate",
+      "checked": "true"
+    },
+    {
+      "id": "rail-t-date",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Date range"
     },
-    { "id": "rail-t-date", "component": "Text", "variant": "caption", "textContent": "Date range" },
     {
       "id": "rail-date-from",
-      "$fragment": "labeled-input",
-      "bindings": { "label": "Start", "name": "start", "type": "date", "value": "2026-04-12" }
+      "component": "Field",
+      "label": "Start",
+      "children": [
+        "rail-date-from--fi-in"
+      ]
+    },
+    {
+      "id": "rail-date-from--fi-in",
+      "component": "Input",
+      "name": "start",
+      "placeholder": "",
+      "type": "date"
+    },
+    {
+      "id": "rail-date-to",
+      "component": "Field",
+      "label": "End",
+      "children": [
+        "rail-date-to--fi-in"
+      ]
+    },
+    {
+      "id": "rail-date-to--fi-in",
+      "component": "Input",
+      "name": "end",
+      "placeholder": "",
+      "type": "date"
+    },
+    {
+      "id": "rows",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "log-table",
+        "diff-preview",
+        "r1",
+        "r2",
+        "r3",
+        "r4"
+      ]
     },
-    { "id": "rail-date-to", "$fragment": "labeled-input", "bindings": { "label": "End", "name": "end", "type": "date", "value": "2026-04-19" } },
-    { "id": "rows", "component": "Column", "gap": "3", "children": ["log-table", "diff-preview", "r1", "r2", "r3", "r4"] },
     {
       "id": "log-table",
       "component": "Table",
-      "columns": [{ "key": "ts", "label": "Timestamp", "type": "text", "width": 130 }, { "key": "actor", "label": "Actor", "type": "avatar", "flex": 1 }, { "key": "action", "label": "Action", "type": "text", "flex": 1 }, { "key": "target", "label": "Target", "type": "text", "flex": 2 }, { "key": "change", "label": "Change", "type": "badge", "width": 120 }],
-      "data": [{ "ts": "09:14:02 UTC", "actor": "Alice Chen", "action": "key.rotate", "target": "prod-webhook", "change": "success" }, { "ts": "08:47:44 UTC", "actor": "Priya Sharma", "action": "user.invite", "target": "contractor@ext.io", "change": "info" }, { "ts": "22:01:19 UTC", "actor": "Marcus Johnson", "action": "settings.update", "target": "sso.enforcement", "change": "warning" }, { "ts": "18:00:00 UTC", "actor": "System", "action": "session.revoke", "target": "tom@acme.com", "change": "neutral" }]
+      "columns": [
+        {
+          "key": "ts",
+          "label": "Timestamp",
+          "type": "text",
+          "width": 130
+        },
+        {
+          "key": "actor",
+          "label": "Actor",
+          "type": "avatar",
+          "flex": 1
+        },
+        {
+          "key": "action",
+          "label": "Action",
+          "type": "text",
+          "flex": 1
+        },
+        {
+          "key": "target",
+          "label": "Target",
+          "type": "text",
+          "flex": 2
+        },
+        {
+          "key": "change",
+          "label": "Change",
+          "type": "badge",
+          "width": 120
+        }
+      ],
+      "data": [
+        {
+          "ts": "09:14:02 UTC",
+          "actor": "Alice Chen",
+          "action": "key.rotate",
+          "target": "prod-webhook",
+          "change": "success"
+        },
+        {
+          "ts": "08:47:44 UTC",
+          "actor": "Priya Sharma",
+          "action": "user.invite",
+          "target": "contractor@ext.io",
+          "change": "info"
+        },
+        {
+          "ts": "22:01:19 UTC",
+          "actor": "Marcus Johnson",
+          "action": "settings.update",
+          "target": "sso.enforcement",
+          "change": "warning"
+        },
+        {
+          "ts": "18:00:00 UTC",
+          "actor": "System",
+          "action": "session.revoke",
+          "target": "tom@acme.com",
+          "change": "neutral"
+        }
+      ]
+    },
+    {
+      "id": "diff-preview",
+      "component": "Card",
+      "children": [
+        "diff-hdr",
+        "diff-sec"
+      ]
+    },
+    {
+      "id": "diff-hdr",
+      "component": "Header",
+      "children": [
+        "diff-title",
+        "diff-close"
+      ]
+    },
+    {
+      "id": "diff-title",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "Diff preview \u2014 settings.update on sso.enforcement"
+    },
+    {
+      "id": "diff-close",
+      "component": "Button",
+      "variant": "ghost",
+      "size": "sm",
+      "icon": "x",
+      "text": "Close"
+    },
+    {
+      "id": "diff-sec",
+      "component": "Section",
+      "children": [
+        "diff-sec--f-col"
+      ]
+    },
+    {
+      "id": "diff-sec--f-col",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "diff-before",
+        "diff-after"
+      ]
+    },
+    {
+      "id": "diff-before",
+      "component": "Code",
+      "textContent": "- sso.enforcement: \"optional\""
+    },
+    {
+      "id": "diff-after",
+      "component": "Code",
+      "textContent": "+ sso.enforcement: \"required\""
     },
-    { "id": "diff-preview", "component": "Card", "children": ["diff-hdr", "diff-sec"] },
-    { "id": "diff-hdr", "component": "Header", "children": ["diff-title", "diff-close"] },
-    { "id": "diff-title", "component": "Text", "variant": "label", "textContent": "Diff preview — settings.update on sso.enforcement" },
-    { "id": "diff-close", "component": "Button", "variant": "ghost", "size": "sm", "icon": "x", "text": "Close" },
-    { "id": "diff-sec", "$fragment": "section-with-stack", "bindings": { "items": ["diff-before", "diff-after"], "gap": "1" } },
-    { "id": "diff-before", "component": "Code", "textContent": "- sso.enforcement: \"optional\"" },
-    { "id": "diff-after", "component": "Code", "textContent": "+ sso.enforcement: \"required\"" },
     {
       "id": "r1",
-      "$fragment": "user-notification-row",
-      "bindings": { "avatarName": "Alice Chen", "primary": "alice@acme.com rotated API key prod-webhook", "secondary": "192.0.2.14 · San Francisco · Today 09:14 UTC", "badgeLabel": "key.rotate", "badgeVariant": "success" }
+      "component": "Row",
+      "children": [
+        "r1--unr-avatar",
+        "r1--unr-col",
+        "r1--unr-badge"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "r1--unr-avatar",
+      "component": "Avatar",
+      "name": "Alice Chen",
+      "size": "sm"
+    },
+    {
+      "id": "r1--unr-col",
+      "component": "Column",
+      "children": [
+        "r1--unr-primary",
+        "r1--unr-secondary"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "r1--unr-primary",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "alice@acme.com rotated API key prod-webhook"
+    },
+    {
+      "id": "r1--unr-secondary",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "192.0.2.14 \u00b7 San Francisco \u00b7 Today 09:14 UTC"
+    },
+    {
+      "id": "r1--unr-badge",
+      "component": "Badge",
+      "variant": "success",
+      "textContent": "key.rotate"
     },
     {
       "id": "r2",
-      "$fragment": "user-notification-row",
-      "bindings": { "avatarName": "Priya Sharma", "primary": "priya@acme.com invited contractor@external.io as Guest", "secondary": "198.51.100.7 · New York · Today 08:47 UTC", "badgeLabel": "user.invite", "badgeVariant": "info" }
+      "component": "Row",
+      "children": [
+        "r2--unr-avatar",
+        "r2--unr-col",
+        "r2--unr-badge"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "r2--unr-avatar",
+      "component": "Avatar",
+      "name": "Priya Sharma",
+      "size": "sm"
+    },
+    {
+      "id": "r2--unr-col",
+      "component": "Column",
+      "children": [
+        "r2--unr-primary",
+        "r2--unr-secondary"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "r2--unr-primary",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "priya@acme.com invited contractor@external.io as Guest"
+    },
+    {
+      "id": "r2--unr-secondary",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "198.51.100.7 \u00b7 New York \u00b7 Today 08:47 UTC"
+    },
+    {
+      "id": "r2--unr-badge",
+      "component": "Badge",
+      "variant": "info",
+      "textContent": "user.invite"
     },
     {
       "id": "r3",
-      "$fragment": "user-notification-row",
-      "bindings": { "avatarName": "Marcus Johnson", "primary": "marcus@acme.com updated workspace SSO enforcement to required", "secondary": "203.0.113.22 · London · Yesterday 22:01 UTC", "badgeLabel": "settings.update", "badgeVariant": "warning" }
+      "component": "Row",
+      "children": [
+        "r3--unr-avatar",
+        "r3--unr-col",
+        "r3--unr-badge"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "r3--unr-avatar",
+      "component": "Avatar",
+      "name": "Marcus Johnson",
+      "size": "sm"
+    },
+    {
+      "id": "r3--unr-col",
+      "component": "Column",
+      "children": [
+        "r3--unr-primary",
+        "r3--unr-secondary"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "r3--unr-primary",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "marcus@acme.com updated workspace SSO enforcement to required"
+    },
+    {
+      "id": "r3--unr-secondary",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "203.0.113.22 \u00b7 London \u00b7 Yesterday 22:01 UTC"
+    },
+    {
+      "id": "r3--unr-badge",
+      "component": "Badge",
+      "variant": "warning",
+      "textContent": "settings.update"
     },
     {
       "id": "r4",
-      "$fragment": "user-notification-row",
-      "bindings": { "avatarName": "System", "primary": "System revoked session for tom@acme.com after 30 days idle", "secondary": "Automated · Yesterday 18:00 UTC", "badgeLabel": "session.revoke", "badgeVariant": "neutral" }
+      "component": "Row",
+      "children": [
+        "r4--unr-avatar",
+        "r4--unr-col",
+        "r4--unr-badge"
+      ],
+      "gap": "3",
+      "align": "center"
     },
-    { "id": "ftr", "component": "Footer", "children": ["ftr-text", "ftr-page"] },
-    { "id": "ftr-text", "component": "Text", "variant": "caption", "color": "muted", "textContent": "Showing 1–4 of 1,284 events" },
-    { "id": "ftr-page", "component": "Pagination", "total": 321, "current": 1 }
-  ]
+    {
+      "id": "r4--unr-avatar",
+      "component": "Avatar",
+      "name": "System",
+      "size": "sm"
+    },
+    {
+      "id": "r4--unr-col",
+      "component": "Column",
+      "children": [
+        "r4--unr-primary",
+        "r4--unr-secondary"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "r4--unr-primary",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "System revoked session for tom@acme.com after 30 days idle"
+    },
+    {
+      "id": "r4--unr-secondary",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Automated \u00b7 Yesterday 18:00 UTC"
+    },
+    {
+      "id": "r4--unr-badge",
+      "component": "Badge",
+      "variant": "neutral",
+      "textContent": "session.revoke"
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "ftr-text",
+        "ftr-page"
+      ]
+    },
+    {
+      "id": "ftr-text",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Showing 1\u20134 of 1,284 events"
+    },
+    {
+      "id": "ftr-page",
+      "component": "Pagination",
+      "total": 321,
+      "current": 1
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }