@adia-ai/gen-ui 0.8.37

package/corpus/chunks/dashboard-team-list.json

@@ -0,0 +1,334 @@
+{
+  "name": "dashboard-team-list",
+  "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>Team Members</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Your active collaborators</text-ui>\n              </header>\n              <section>\n                <list-ui divider>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Alex Chen\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>Alex Chen</text-ui>\n                          <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Engineering Lead</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Sarah Miller\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>Sarah Miller</text-ui>\n                          <badge-ui text=\"Online\" variant=\"success\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Product Designer</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"James Park\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>James Park</text-ui>\n                          <badge-ui text=\"Away\" variant=\"warning\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Backend Engineer</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                  <list-item-ui>\n                    <row-ui gap=\"2\" align=\"center\" grow>\n                      <avatar-ui text=\"Maria Lopez\"></avatar-ui>\n                      <col-ui gap=\"0\" grow>\n                        <row-ui gap=\"0\" align=\"center\" justify=\"space-between\" grow>\n                          <text-ui strong>Maria Lopez</text-ui>\n                          <badge-ui text=\"Offline\" tone=\"muted\"></badge-ui>\n                        </row-ui>\n                        <text-ui color=\"subtle\">Data Analyst</text-ui>\n                      </col-ui>\n                    </row-ui>\n                  </list-item-ui>\n                </list-ui>\n              </section>\n            </card-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Team members list card — avatars + names + roles with invite action.",
+    "keywords": [
+      "dashboard",
+      "team",
+      "members",
+      "list",
+      "avatars",
+      "roles",
+      "invite",
+      "manage"
+    ]
+  },
+  "captured_at": "2026-08-10T18:10:27.206Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Team Members"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "textContent": "Your active collaborators"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "text": "Alex Chen"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Alex Chen"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "Online",
+      "variant": "success"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "0",
+      "grow": true,
+      "justify": "space-between",
+      "children": [
+        "text-3",
+        "badge"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Engineering Lead"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-2",
+        "text-4"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar",
+        "column"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "text": "Sarah Miller"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Sarah Miller"
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "text": "Online",
+      "variant": "success"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "0",
+      "grow": true,
+      "justify": "space-between",
+      "children": [
+        "text-5",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Product Designer"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-4",
+        "text-6"
+      ]
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar-2",
+        "column-2"
+      ]
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar",
+      "text": "James Park"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "strong": true,
+      "textContent": "James Park"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge",
+      "text": "Away",
+      "variant": "warning"
+    },
+    {
+      "id": "row-6",
+      "component": "Row",
+      "align": "center",
+      "gap": "0",
+      "grow": true,
+      "justify": "space-between",
+      "children": [
+        "text-7",
+        "badge-3"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Backend Engineer"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-6",
+        "text-8"
+      ]
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar-3",
+        "column-3"
+      ]
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "children": [
+        "row-5"
+      ]
+    },
+    {
+      "id": "avatar-4",
+      "component": "Avatar",
+      "text": "Maria Lopez"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Maria Lopez"
+    },
+    {
+      "id": "badge-4",
+      "component": "Badge",
+      "text": "Offline",
+      "tone": "muted"
+    },
+    {
+      "id": "row-8",
+      "component": "Row",
+      "align": "center",
+      "gap": "0",
+      "grow": true,
+      "justify": "space-between",
+      "children": [
+        "text-9",
+        "badge-4"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Data Analyst"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "row-8",
+        "text-10"
+      ]
+    },
+    {
+      "id": "row-7",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar-4",
+        "column-4"
+      ]
+    },
+    {
+      "id": "list-item-4",
+      "component": "ListItem",
+      "children": [
+        "row-7"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "divider": true,
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3",
+        "list-item-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/corpus/chunks/dashboard-traffic-channels.json

@@ -0,0 +1,184 @@
+{
+  "name": "dashboard-traffic-channels",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 3@lg",
+    "gap": "4"
+  },
+  "html": "<grid-ui columns=\"1 3@lg\" gap=\"4\">\n            <card-ui span=\"2\">\n              <header>\n                <h3>Traffic</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Sessions per day</text-ui>\n                <span slot=\"action\">\n                  <segmented-ui value=\"30d\" size=\"sm\">\n                    <segment-ui value=\"7d\" text=\"7d\"></segment-ui>\n                    <segment-ui value=\"30d\" text=\"30d\"></segment-ui>\n                    <segment-ui value=\"90d\" text=\"90d\"></segment-ui>\n                  </segmented-ui>\n                </span>\n              </header>\n              <section>\n                <chart-ui id=\"analytics-traffic\" type=\"line\" x=\"day\" y=\"sessions\" smooth=\"0.4\" hide-values></chart-ui>\n              </section>\n            </card-ui>\n            <card-ui>\n              <header>\n                <h3>Acquisition channels</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Where sessions come from</text-ui>\n              </header>\n              <section>\n                <chart-ui id=\"analytics-channels\" type=\"donut\" x=\"channel\" y=\"sessions\" hide-values></chart-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Traffic + channels acquisition grid — line chart (2/3) + donut (1/3) responsive split layout.",
+    "keywords": [
+      "traffic",
+      "channels",
+      "acquisition",
+      "analytics",
+      "chart",
+      "layout",
+      "grid",
+      "responsive",
+      "breakpoint"
+    ]
+  },
+  "captured_at": "2026-08-10T18:10:27.206Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Traffic"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "textContent": "Sessions per day"
+    },
+    {
+      "id": "segment",
+      "component": "Segment",
+      "text": "7d",
+      "value": "7d"
+    },
+    {
+      "id": "segment-2",
+      "component": "Segment",
+      "text": "30d",
+      "value": "30d"
+    },
+    {
+      "id": "segment-3",
+      "component": "Segment",
+      "text": "90d",
+      "value": "90d"
+    },
+    {
+      "id": "segmented-control",
+      "component": "SegmentedControl",
+      "value": "30d",
+      "children": [
+        "segment",
+        "segment-2",
+        "segment-3"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "segmented-control"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "analytics-traffic",
+      "component": "Chart",
+      "type": "line",
+      "hideValues": true,
+      "smooth": 0.4,
+      "x": "day",
+      "y": "sessions"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "analytics-traffic"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "span": "2",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Acquisition channels"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "textContent": "Where sessions come from"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "analytics-channels",
+      "component": "Chart",
+      "type": "donut",
+      "hideValues": true,
+      "x": "channel",
+      "y": "sessions"
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "analytics-channels"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2",
+        "section-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 3@lg",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2"
+      ]
+    }
+  ]
+}

package/corpus/chunks/dashboard-transactions-table.json

@@ -0,0 +1,145 @@
+{
+  "name": "dashboard-transactions-table",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<grid-ui>\n            <card-ui>\n              <header>\n                <h3>Recent Transactions</h3>\n                <text-ui slot=\"description\" color=\"subtle\">Manage and track recent customer orders</text-ui>\n                <span slot=\"action\">\n                  <menu-ui id=\"tx-state-menu\">\n                    <button-ui slot=\"trigger\" text=\"View as\" icon=\"caret-down\" variant=\"ghost\" size=\"sm\"></button-ui>\n                    <menu-item-ui text=\"Default\" value=\"default\"></menu-item-ui>\n                    <menu-item-ui text=\"Loading\" value=\"loading\" icon=\"spinner\"></menu-item-ui>\n                    <menu-item-ui text=\"Empty\" value=\"empty\" icon=\"tray\"></menu-item-ui>\n                    <menu-item-ui text=\"Error\" value=\"error\" icon=\"warning\"></menu-item-ui>\n                  </menu-ui>\n                </span>\n              </header>\n              <section bleed data-tx-surface>\n                <table-ui id=\"dash-transactions\" sortable striped paginate=\"5\"></table-ui>\n              </section>\n            </card-ui>\n          </grid-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Transactions data table — id, date, customer, amount, status badge per row + pagination footer.",
+    "keywords": [
+      "transactions",
+      "data-table",
+      "list",
+      "orders",
+      "sales",
+      "payments",
+      "rows",
+      "pagination",
+      "status-badge"
+    ]
+  },
+  "captured_at": "2026-08-06T10:45:35.201Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Recent Transactions"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "textContent": "Manage and track recent customer orders"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "trigger",
+      "icon": "caret-down",
+      "size": "sm",
+      "text": "View as",
+      "variant": "ghost"
+    },
+    {
+      "id": "menu-item",
+      "component": "MenuItem",
+      "text": "Default",
+      "value": "default"
+    },
+    {
+      "id": "menu-item-2",
+      "component": "MenuItem",
+      "icon": "spinner",
+      "text": "Loading",
+      "value": "loading"
+    },
+    {
+      "id": "menu-item-3",
+      "component": "MenuItem",
+      "icon": "tray",
+      "text": "Empty",
+      "value": "empty"
+    },
+    {
+      "id": "menu-item-4",
+      "component": "MenuItem",
+      "icon": "warning",
+      "text": "Error",
+      "value": "error"
+    },
+    {
+      "id": "tx-state-menu",
+      "component": "Menu",
+      "children": [
+        "button",
+        "menu-item",
+        "menu-item-2",
+        "menu-item-3",
+        "menu-item-4"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "tx-state-menu"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "dash-transactions",
+      "component": "Table",
+      "paginate": 5,
+      "sortable": true,
+      "striped": true
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "data-tx-surface": "",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "dash-transactions"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}