@adia-ai/a2ui-corpus 0.7.19 → 0.7.20

package/chunks/members-active-table-search-filter.json

@@ -0,0 +1,184 @@
+{
+  "name": "members-active-table-search-filter",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/saas/app/members/members.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": "",
+    "data-members-pane": "",
+    "data-members-state": "ready"
+  },
+  "html": "<div data-col data-members-pane data-members-state=\"ready\">\n      <!-- Error: rendered when fetch fails. Spec §11.\n           alert-ui only supports `leading|content|close` slots — so the\n           retry affordance lives as a sibling button-ui inside a col-ui\n           wrapper rather than a (non-existent) `slot=\"action\"`. -->\n      <col-ui id=\"members-error-block\" gap=\"2\" hidden>\n        <alert-ui id=\"members-error\" variant=\"danger\" icon=\"warning\" text=\"Couldn't load members. Something went wrong fetching your team.\"></alert-ui>\n        <row-ui justify=\"end\">\n          <button-ui id=\"members-retry\" text=\"Retry\" variant=\"outline\" size=\"sm\" icon=\"arrow-clockwise\"></button-ui>\n        </row-ui>\n      </col-ui>\n      <!-- Empty: rendered when no members have accepted yet. Spec §11.\n           Inline anchor matches the established `<a href=\"#…\">` pattern\n           in other example pages (registration/invite, auth/sign-up). -->\n      <text-ui id=\"members-empty-hint\" color=\"subtle\" size=\"sm\" hidden>\n        No one has accepted an invite yet — see <a href=\"#pending\">Pending invites</a> below.\n      </text-ui>\n      <row-ui align=\"center\" gap=\"2\">\n        <input-ui id=\"members-search\" type=\"search\" placeholder=\"Search members…\" prefix=\"magnifying-glass\" grow></input-ui>\n        <select-ui id=\"members-role-filter\" value=\"all\">\n          <option value=\"all\">All roles</option>\n          <option value=\"admin\">Admin</option>\n          <option value=\"member\">Member</option>\n          <option value=\"viewer\">Viewer</option>\n        </select-ui>\n      </row-ui>\n      <card-ui>\n        <section bleed>\n          <table-ui id=\"members-table\" sortable striped></table-ui>\n        </section>\n      </card-ui>\n    </div>",
+  "source": "apps/saas/app/members/members.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Active members management — a search input plus a role-filter select above a sortable striped table-ui of team members. The canonical roster pane for a team/members settings page, with role and status columns.",
+    "keywords": [
+      "members",
+      "team",
+      "active",
+      "roster",
+      "table",
+      "search",
+      "filter",
+      "role",
+      "select",
+      "sortable",
+      "striped",
+      "table-ui",
+      "input-ui",
+      "search-members",
+      "admin",
+      "member",
+      "viewer",
+      "settings",
+      "people",
+      "users",
+      "management",
+      "data"
+    ]
+  },
+  "captured_at": "2026-06-10T13:16:11.236Z",
+  "template": [
+    {
+      "id": "members-error",
+      "component": "Alert",
+      "icon": "warning",
+      "text": "Couldn't load members. Something went wrong fetching your team.",
+      "variant": "danger"
+    },
+    {
+      "id": "members-retry",
+      "component": "Button",
+      "icon": "arrow-clockwise",
+      "size": "sm",
+      "text": "Retry",
+      "variant": "outline"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "justify": "end",
+      "children": [
+        "members-retry"
+      ]
+    },
+    {
+      "id": "members-error-block",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "members-error",
+        "row"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Pending invites",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#pending",
+      "text": "Pending invites",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "members-empty-hint",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "No one has accepted an invite yet — see below.",
+      "children": [
+        "link"
+      ]
+    },
+    {
+      "id": "members-search",
+      "component": "Input",
+      "type": "search",
+      "placeholder": "Search members…",
+      "prefix": "magnifying-glass"
+    },
+    {
+      "id": "members-role-filter",
+      "component": "ChoicePicker",
+      "value": "all",
+      "options": [
+        {
+          "value": "all",
+          "label": "All roles"
+        },
+        {
+          "value": "admin",
+          "label": "Admin"
+        },
+        {
+          "value": "member",
+          "label": "Member"
+        },
+        {
+          "value": "viewer",
+          "label": "Viewer"
+        }
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "members-search",
+        "members-role-filter"
+      ]
+    },
+    {
+      "id": "members-table",
+      "component": "Table",
+      "sortable": true,
+      "striped": true
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "members-table"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "data-members-pane": "",
+      "data-members-state": "ready",
+      "children": [
+        "members-error-block",
+        "members-empty-hint",
+        "row-2",
+        "card"
+      ]
+    }
+  ]
+}

package/chunks/members-pending-invites-cards.json

@@ -0,0 +1,251 @@
+{
+  "name": "members-pending-invites-cards",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/saas/app/members/members.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": "",
+    "data-pending-pane": ""
+  },
+  "html": "<div data-col data-pending-pane>\n      <!-- Empty: no pending invites. Spec §11. -->\n      <card-ui id=\"pending-empty\" hidden>\n        <section>\n          <text-ui color=\"subtle\">No pending invites.</text-ui>\n        </section>\n      </card-ui>\n      <card-ui>\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"envelope\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>james@acme.com</text-ui>\n            <badge-ui text=\"Member\" variant=\"info\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui\n              text=\"Manage\"\n              variant=\"outline\"\n              size=\"sm\"\n              onclick=\"\n                const d = document.getElementById('drawer-invite');\n                d.dataset.email = 'james@acme.com';\n                d.dataset.role = 'Member';\n                d.dataset.invitedBy = 'Alex Chen';\n                d.dataset.invitedAgo = '2 days ago';\n                d.dataset.expires = 'in 5 days';\n                d.dispatchEvent(new CustomEvent('hydrate'));\n                d.open = true;\n              \"\n            ></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">Invited by Alex Chen · 2 days ago · expires in 5 days</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <card-ui>\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"envelope\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>maria@acme.com</text-ui>\n            <badge-ui text=\"Viewer\" variant=\"muted\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui\n              text=\"Manage\"\n              variant=\"outline\"\n              size=\"sm\"\n              onclick=\"\n                const d = document.getElementById('drawer-invite');\n                d.dataset.email = 'maria@acme.com';\n                d.dataset.role = 'Viewer';\n                d.dataset.invitedBy = 'Sarah Miller';\n                d.dataset.invitedAgo = '5 days ago';\n                d.dataset.expires = 'in 2 days';\n                d.dispatchEvent(new CustomEvent('hydrate'));\n                d.open = true;\n              \"\n            ></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">Invited by Sarah Miller · 5 days ago · expires in 2 days</text-ui>\n          </span>\n        </header>\n      </card-ui>\n    </div>",
+  "source": "apps/saas/app/members/members.contents.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "Pending invites list — a stack of card-ui rows each showing an invited email, role badge, who invited them with expiry, and a Manage action. The awaiting-acceptance section of a team members page.",
+    "keywords": [
+      "members",
+      "pending",
+      "invites",
+      "invitations",
+      "awaiting",
+      "acceptance",
+      "card-ui",
+      "envelope",
+      "avatar",
+      "badge",
+      "role",
+      "manage",
+      "resend",
+      "revoke",
+      "expires",
+      "invited-by",
+      "team",
+      "email",
+      "settings",
+      "navigation"
+    ]
+  },
+  "captured_at": "2026-06-10T13:16:11.236Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "No pending invites."
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "pending-empty",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "icon": "envelope"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "strong": true,
+      "textContent": "james@acme.com"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "Member",
+      "variant": "info"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-4",
+        "badge"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Manage",
+      "variant": "outline"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Invited by Alex Chen · 2 days ago · expires in 5 days"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-7"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text-2",
+        "text-3",
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header"
+      ]
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "icon": "envelope"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar-2"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "strong": true,
+      "textContent": "maria@acme.com"
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "text": "Viewer",
+      "variant": "muted"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-10",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "size": "sm",
+      "text": "Manage",
+      "variant": "outline"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button-2"
+      ]
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Invited by Sarah Miller · 5 days ago · expires in 2 days"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-13"
+      ]
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-8",
+        "text-9",
+        "text-11",
+        "text-12"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "data-pending-pane": "",
+      "children": [
+        "pending-empty",
+        "card",
+        "card-2"
+      ]
+    }
+  ]
+}

package/chunks/members-roles-permissions-list.json

@@ -0,0 +1,104 @@
+{
+  "name": "members-roles-permissions-list",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/saas/app/members/members.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col>\n      <description-list-ui>\n        <dt>Admin</dt>\n        <dd>Full access: invite, remove, billing, and all workspace settings.</dd>\n        <dt>Member</dt>\n        <dd>Edit content, invite others as members or viewers. Can't change billing.</dd>\n        <dt>Viewer</dt>\n        <dd>Read-only access. Can view content and comments but can't edit.</dd>\n      </description-list-ui>\n      <button-ui text=\"Configure custom roles\" variant=\"outline\" icon=\"gear\" onclick=\"document.getElementById('drawer-custom-roles').open = true\"></button-ui>\n    </div>",
+  "source": "apps/saas/app/members/members.contents.html",
+  "metadata": {
+    "domain": "settings",
+    "description": "Role definitions list — a description-list-ui pairing each workspace role (Admin, Member, Viewer) with what it can do, plus a Configure custom roles button. The read-only roles reference on a team permissions page.",
+    "keywords": [
+      "members",
+      "roles",
+      "permissions",
+      "description-list-ui",
+      "admin",
+      "member",
+      "viewer",
+      "role",
+      "definitions",
+      "access",
+      "rbac",
+      "configure",
+      "custom-roles",
+      "workspace",
+      "what-each-role-can-do",
+      "settings",
+      "team",
+      "capabilities"
+    ]
+  },
+  "captured_at": "2026-06-10T13:16:11.236Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Admin",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Full access: invite, remove, billing, and all workspace settings.",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Member",
+      "variant": "body"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Edit content, invite others as members or viewers. Can't change billing.",
+      "variant": "body"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Viewer",
+      "variant": "body"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Read-only access. Can view content and comments but can't edit.",
+      "variant": "body"
+    },
+    {
+      "id": "description-list",
+      "component": "DescriptionList",
+      "children": [
+        "text",
+        "text-2",
+        "text-3",
+        "text-4",
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "gear",
+      "text": "Configure custom roles",
+      "variant": "outline"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "description-list",
+        "button"
+      ]
+    }
+  ]
+}