{
  "name": "role-management",
  "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>Roles</h3>\n    <button-ui slot=\"action\" text=\"Create role\" variant=\"primary\" size=\"sm\" icon=\"plus\"></button-ui>\n  </header>\n  <section>\n    <list-ui divider>\n      <list-item-ui>\n        <badge-ui slot=\"icon\" text=\"Viewer\" variant=\"muted\"></badge-ui>\n        <text-ui slot=\"text\" strong>Viewer</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Can view all content. Cannot edit or manage.</text-ui>\n        <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">12 members</text-ui>\n          <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n        </row-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <badge-ui slot=\"icon\" text=\"Editor\" variant=\"accent\"></badge-ui>\n        <text-ui slot=\"text\" strong>Editor</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Can view and edit content. Cannot manage members or billing.</text-ui>\n        <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">28 members</text-ui>\n          <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n        </row-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <badge-ui slot=\"icon\" text=\"Admin\" variant=\"danger\"></badge-ui>\n        <text-ui slot=\"text\" strong>Admin</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Full access to all workspace settings, members, and billing.</text-ui>\n        <row-ui slot=\"action\" gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">4 members</text-ui>\n          <button-ui text=\"Edit\" variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n          <button-ui text=\"Delete\" variant=\"danger\" size=\"sm\" icon=\"trash\"></button-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": "settings",
    "description": "Role management page listing viewer, editor, and admin roles with edit and delete actions.",
    "keywords": [
      "role",
      "management",
      "viewer",
      "editor",
      "admin",
      "roles",
      "list",
      "edit",
      "delete",
      "permissions",
      "role-based",
      "access",
      "control",
      "rbac"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "heading",
      "textContent": "Roles"
    },
    {
      "id": "button",
      "component": "Button",
      "slot": "action",
      "icon": "plus",
      "size": "sm",
      "text": "Create role",
      "variant": "primary"
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text",
        "button"
      ]
    },
    {
      "id": "badge",
      "component": "Badge",
      "slot": "icon",
      "text": "Viewer",
      "variant": "muted"
    },
    {
      "id": "text-2",
      "component": "Text",
      "slot": "text",
      "strong": true,
      "textContent": "Viewer"
    },
    {
      "id": "text-3",
      "component": "Text",
      "slot": "description",
      "color": "subtle",
      "size": "sm",
      "textContent": "Can view all content. Cannot edit or manage."
    },
    {
      "id": "text-4",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "12 members"
    },
    {
      "id": "button-2",
      "component": "Button",
      "icon": "pencil-simple",
      "size": "sm",
      "text": "Edit",
      "variant": "ghost"
    },
    {
      "id": "row",
      "component": "Row",
      "slot": "action",
      "align": "center",
      "gap": "2",
      "children": [
        "text-4",
        "button-2"
      ]
    },
    {
      "id": "list-item",
      "component": "ListItem",
      "children": [
        "badge",
        "text-2",
        "text-3",
        "row"
      ]
    },
    {
      "id": "badge-2",
      "component": "Badge",
      "slot": "icon",
      "text": "Editor",
      "variant": "accent"
    },
    {
      "id": "text-5",
      "component": "Text",
      "slot": "text",
      "strong": true,
      "textContent": "Editor"
    },
    {
      "id": "text-6",
      "component": "Text",
      "slot": "description",
      "color": "subtle",
      "size": "sm",
      "textContent": "Can view and edit content. Cannot manage members or billing."
    },
    {
      "id": "text-7",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "28 members"
    },
    {
      "id": "button-3",
      "component": "Button",
      "icon": "pencil-simple",
      "size": "sm",
      "text": "Edit",
      "variant": "ghost"
    },
    {
      "id": "row-2",
      "component": "Row",
      "slot": "action",
      "align": "center",
      "gap": "2",
      "children": [
        "text-7",
        "button-3"
      ]
    },
    {
      "id": "list-item-2",
      "component": "ListItem",
      "children": [
        "badge-2",
        "text-5",
        "text-6",
        "row-2"
      ]
    },
    {
      "id": "badge-3",
      "component": "Badge",
      "slot": "icon",
      "text": "Admin",
      "variant": "danger"
    },
    {
      "id": "text-8",
      "component": "Text",
      "slot": "text",
      "strong": true,
      "textContent": "Admin"
    },
    {
      "id": "text-9",
      "component": "Text",
      "slot": "description",
      "color": "subtle",
      "size": "sm",
      "textContent": "Full access to all workspace settings, members, and billing."
    },
    {
      "id": "text-10",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "4 members"
    },
    {
      "id": "button-4",
      "component": "Button",
      "icon": "pencil-simple",
      "size": "sm",
      "text": "Edit",
      "variant": "ghost"
    },
    {
      "id": "button-5",
      "component": "Button",
      "icon": "trash",
      "size": "sm",
      "text": "Delete",
      "variant": "danger"
    },
    {
      "id": "row-3",
      "component": "Row",
      "slot": "action",
      "align": "center",
      "gap": "2",
      "children": [
        "text-10",
        "button-4",
        "button-5"
      ]
    },
    {
      "id": "list-item-3",
      "component": "ListItem",
      "children": [
        "badge-3",
        "text-8",
        "text-9",
        "row-3"
      ]
    },
    {
      "id": "list",
      "component": "List",
      "divider": true,
      "children": [
        "list-item",
        "list-item-2",
        "list-item-3"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "children": [
        "list"
      ]
    },
    {
      "id": "root",
      "component": "Card",
      "children": [
        "header",
        "section"
      ]
    }
  ]
}