@adia-ai/gen-ui 0.8.37

package/corpus/chunks/approvals-queue.json

@@ -0,0 +1,321 @@
+{
+  "name": "approvals-queue",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/approvals/approvals.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n        <header>\n          <span slot=\"heading\" variant=\"section\">Pending your approval</span>\n          <text-ui slot=\"description\" color=\"subtle\">5 items · 2 high priority</text-ui>\n          <button-ui slot=\"action\" text=\"Approve all\" variant=\"ghost\" size=\"sm\" icon-leading=\"check\"></button-ui>\n        </header>\n        <section bleed>\n          <!-- Canonical list-item rows: text + slot=\"description\" + slot=\"icon\" +\n               slot=\"action\". The action slot promotes the row to a 3-column grid\n               (icon | content | action) and right-aligns the action cluster —\n               ACTIONS ONLY (gh#539, operator ruling 2026-07-30): the priority\n               tag is request CONTEXT and leads the description line instead. -->\n          <list-ui divider contained>\n            <list-item-ui text=\"Q2 onboarding budget — $48,000\">\n              <avatar-ui slot=\"icon\" size=\"sm\" text=\"Jordan Lee\"></avatar-ui>\n              <span slot=\"description\"><tag-ui variant=\"warning\">High</tag-ui> Jordan Lee · Engineering · 2 hours ago</span>\n              <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n                <button-ui text=\"Reject\" variant=\"ghost\" size=\"sm\"></button-ui>\n                <button-ui text=\"Approve\" variant=\"primary\" size=\"sm\" icon-leading=\"check\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui text=\"Vendor contract — Adobe Creative Cloud\">\n              <avatar-ui slot=\"icon\" size=\"sm\" text=\"Avery Chen\"></avatar-ui>\n              <span slot=\"description\">Avery Chen · Design · 5 hours ago</span>\n              <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n                <button-ui text=\"Reject\" variant=\"ghost\" size=\"sm\"></button-ui>\n                <button-ui text=\"Approve\" variant=\"primary\" size=\"sm\" icon-leading=\"check\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui text=\"Access request — production database\">\n              <avatar-ui slot=\"icon\" size=\"sm\" text=\"Sam Park\"></avatar-ui>\n              <span slot=\"description\"><tag-ui variant=\"warning\">High</tag-ui> Sam Park · Data · 1 day ago</span>\n              <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n                <button-ui text=\"Reject\" variant=\"ghost\" size=\"sm\"></button-ui>\n                <button-ui text=\"Approve\" variant=\"primary\" size=\"sm\" icon-leading=\"check\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui text=\"Travel — SF → NYC, May 12–14\">\n              <avatar-ui slot=\"icon\" size=\"sm\" text=\"Riley Tan\"></avatar-ui>\n              <span slot=\"description\">Riley Tan · Sales · 2 days ago</span>\n              <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n                <button-ui text=\"Reject\" variant=\"ghost\" size=\"sm\"></button-ui>\n                <button-ui text=\"Approve\" variant=\"primary\" size=\"sm\" icon-leading=\"check\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n          </list-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/patterns/approvals/approvals.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Approval queue card — 'Pending your approval' list of requests, each row with requester avatar, title with amount, a High priority tag leading the requester/department/age line, and inline Reject/Approve buttons; header carries an Approve-all bulk action.",
+    "keywords": [
+      "approvals",
+      "queue",
+      "pending",
+      "approve",
+      "reject",
+      "request",
+      "review",
+      "workflow",
+      "expense",
+      "budget",
+      "vendor",
+      "access",
+      "travel",
+      "bulk",
+      "high",
+      "priority",
+      "list",
+      "rows",
+      "requester",
+      "avatar",
+      "inbox"
+    ]
+  },
+  "captured_at": "2026-08-13T16:17:52.286Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "section",
+      "slot": "heading",
+      "textContent": "Pending your approval"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "textContent": "5 items · 2 high priority"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "action",
+      "size": "sm",
+      "text": "Approve all",
+      "variant": "ghost"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "button"
+      ]
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "slot": "icon",
+      "size": "sm",
+      "text": "Jordan Lee"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "variant": "warning",
+      "text": "High"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Jordan Lee · Engineering · 2 hours ago",
+      "children": [
+        "tag"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "size": "sm",
+      "text": "Reject",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "size": "sm",
+      "text": "Approve",
+      "variant": "primary"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "slot": "action",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "text": "Q2 onboarding budget — $48,000",
+      "children": [
+        "avatar",
+        "text-3",
+        "row"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "slot": "icon",
+      "size": "sm",
+      "text": "Avery Chen"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Avery Chen · Design · 5 hours ago"
+    },
+    {
+      "id": "button-4",
+      "component": "Button",
+      "size": "sm",
+      "text": "Reject",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-5",
+      "component": "Button",
+      "size": "sm",
+      "text": "Approve",
+      "variant": "primary"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "slot": "action",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "button-4",
+        "button-5"
+      ]
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "text": "Vendor contract — Adobe Creative Cloud",
+      "children": [
+        "avatar-2",
+        "text-4",
+        "row-2"
+      ]
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar",
+      "slot": "icon",
+      "size": "sm",
+      "text": "Sam Park"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag",
+      "variant": "warning",
+      "text": "High"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Sam Park · Data · 1 day ago",
+      "children": [
+        "tag-2"
+      ]
+    },
+    {
+      "id": "button-6",
+      "component": "Button",
+      "size": "sm",
+      "text": "Reject",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-7",
+      "component": "Button",
+      "size": "sm",
+      "text": "Approve",
+      "variant": "primary"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "slot": "action",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "button-6",
+        "button-7"
+      ]
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "text": "Access request — production database",
+      "children": [
+        "avatar-3",
+        "text-5",
+        "row-3"
+      ]
+    },
+    {
+      "id": "avatar-4",
+      "component": "Avatar",
+      "slot": "icon",
+      "size": "sm",
+      "text": "Riley Tan"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Riley Tan · Sales · 2 days ago"
+    },
+    {
+      "id": "button-8",
+      "component": "Button",
+      "size": "sm",
+      "text": "Reject",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-9",
+      "component": "Button",
+      "size": "sm",
+      "text": "Approve",
+      "variant": "primary"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "slot": "action",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "button-8",
+        "button-9"
+      ]
+    },
+    {
+      "id": "list-item-4",
+      "component": "ListItem",
+      "text": "Travel — SF → NYC, May 12–14",
+      "children": [
+        "avatar-4",
+        "text-6",
+        "row-4"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "contained": true,
+      "divider": true,
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3",
+        "list-item-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/corpus/chunks/audit-log-basic.json

@@ -0,0 +1,184 @@
+{
+  "name": "audit-log-basic",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/packages/web-components/patterns/audit-log/audit-log.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n        <header>\n          <span slot=\"heading\" variant=\"section\">Audit log</span>\n          <text-ui slot=\"description\" color=\"subtle\">Last 90 days · admin actions only</text-ui>\n          <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n            <select-ui name=\"actor\" style=\"min-width: 8rem;\">\n              <option value=\"\">All actors</option>\n              <option value=\"kim\">kim@example.com</option>\n              <option value=\"alex\">alex@example.com</option>\n              <option value=\"bot\">automation-bot</option>\n            </select-ui>\n            <select-ui name=\"verb\" style=\"min-width: 8rem;\">\n              <option value=\"\">All actions</option>\n              <option value=\"create\">create</option>\n              <option value=\"update\">update</option>\n              <option value=\"delete\">delete</option>\n            </select-ui>\n          </row-ui>\n        </header>\n        <section bleed>\n          <table-ui frameless id=\"audit-log-table\"></table-ui>\n        </section>\n        <footer divider>\n          <text-ui color=\"subtle\" size=\"sm\">Showing 8 of 247 events</text-ui>\n          <row-ui slot=\"action\" gap=\"2\">\n            <button-ui text=\"Export\" variant=\"ghost\" size=\"sm\" icon-leading=\"download-simple\"></button-ui>\n            <button-ui text=\"Load older\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </row-ui>\n        </footer>\n      </card-ui>",
+  "source": "packages/web-components/patterns/audit-log/audit-log.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Audit log card — admin action history with actor and action filter selects in the header and rows of who-did-what events (create / update / delete) with timestamps.",
+    "keywords": [
+      "audit",
+      "log",
+      "history",
+      "admin",
+      "actions",
+      "actor",
+      "verb",
+      "filter",
+      "create",
+      "update",
+      "delete",
+      "events",
+      "timestamps",
+      "compliance",
+      "security",
+      "trail"
+    ]
+  },
+  "captured_at": "2026-07-30T08:15:39.398Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "section",
+      "slot": "heading",
+      "textContent": "Audit log"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "textContent": "Last 90 days · admin actions only"
+    },
+    {
+      "id": "actor",
+      "component": "ChoicePicker",
+      "name": "actor",
+      "options": [
+        {
+          "value": "",
+          "label": "All actors"
+        },
+        {
+          "value": "kim",
+          "label": "kim@example.com"
+        },
+        {
+          "value": "alex",
+          "label": "alex@example.com"
+        },
+        {
+          "value": "bot",
+          "label": "automation-bot"
+        }
+      ]
+    },
+    {
+      "id": "verb",
+      "component": "ChoicePicker",
+      "name": "verb",
+      "options": [
+        {
+          "value": "",
+          "label": "All actions"
+        },
+        {
+          "value": "create",
+          "label": "create"
+        },
+        {
+          "value": "update",
+          "label": "update"
+        },
+        {
+          "value": "delete",
+          "label": "delete"
+        }
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "slot": "action",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "actor",
+        "verb"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "row"
+      ]
+    },
+    {
+      "id": "audit-log-table",
+      "component": "Table",
+      "frameless": true
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Showing 8 of 247 events"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Export",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "size": "sm",
+      "text": "Load older",
+      "variant": "ghost"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "slot": "action",
+      "gap": "2",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "text-3",
+        "row-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "audit-log-table"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/corpus/chunks/audit-log.json

@@ -0,0 +1,174 @@
+{
+  "name": "audit-log",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>Audit log</h3>\n    <p slot=\"description\">Recent admin and user actions in this workspace.</p>\n    <span slot=\"action\">\n      <button-ui text=\"Export\" variant=\"ghost\" size=\"sm\" icon=\"download\"></button-ui>\n    </span>\n  </header>\n  <section bleed>\n    <table-ui sortable striped\n      data='[{\"user\":\"Alex Chen\",\"action\":\"Deployed\",\"resource\":\"v2.14.0\",\"ip\":\"203.0.113.1\",\"timestamp\":\"2m ago\"},{\"user\":\"Sarah Miller\",\"action\":\"Invited\",\"resource\":\"james@acme.com\",\"ip\":\"198.51.100.4\",\"timestamp\":\"18m ago\"},{\"user\":\"James Park\",\"action\":\"API key created\",\"resource\":\"ci-pipeline\",\"ip\":\"192.0.2.8\",\"timestamp\":\"1h ago\"},{\"user\":\"Maria Lopez\",\"action\":\"Role changed\",\"resource\":\"viewer → admin\",\"ip\":\"203.0.113.9\",\"timestamp\":\"3h ago\"}]'>\n      <col-def key=\"user\" label=\"User\"></col-def>\n      <col-def key=\"action\" label=\"Action\"></col-def>\n      <col-def key=\"resource\" label=\"Resource\"></col-def>\n      <col-def key=\"ip\" label=\"IP Address\"></col-def>\n      <col-def key=\"timestamp\" label=\"Time\"></col-def>\n    </table-ui>\n  </section>\n  <footer>\n    <button-ui text=\"View full log\" variant=\"ghost\" stretch></button-ui>\n  </footer>\n</card-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Audit log table with user, action, resource, IP address, and timestamp columns.",
+    "keywords": [
+      "audit",
+      "log",
+      "table",
+      "user",
+      "action",
+      "resource",
+      "IP",
+      "address",
+      "timestamp",
+      "columns",
+      "audit-log",
+      "security",
+      "compliance",
+      "history"
+    ]
+  },
+  "captured_at": "2026-07-17T20:08:04.842Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Audit log"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Recent admin and user actions in this workspace."
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "download",
+      "size": "sm",
+      "text": "Export",
+      "variant": "ghost"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "col-def",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-2",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-3",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-4",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-5",
+      "component": "ColDef"
+    },
+    {
+      "id": "table",
+      "component": "Table",
+      "data": [
+        {
+          "user": "Alex Chen",
+          "action": "Deployed",
+          "resource": "v2.14.0",
+          "ip": "203.0.113.1",
+          "timestamp": "2m ago"
+        },
+        {
+          "user": "Sarah Miller",
+          "action": "Invited",
+          "resource": "james@acme.com",
+          "ip": "198.51.100.4",
+          "timestamp": "18m ago"
+        },
+        {
+          "user": "James Park",
+          "action": "API key created",
+          "resource": "ci-pipeline",
+          "ip": "192.0.2.8",
+          "timestamp": "1h ago"
+        },
+        {
+          "user": "Maria Lopez",
+          "action": "Role changed",
+          "resource": "viewer → admin",
+          "ip": "203.0.113.9",
+          "timestamp": "3h ago"
+        }
+      ],
+      "sortable": true,
+      "striped": true,
+      "children": [
+        "col-def",
+        "col-def-2",
+        "col-def-3",
+        "col-def-4",
+        "col-def-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "stretch": true,
+      "text": "View full log",
+      "variant": "ghost"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "button-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "table"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}