{
  "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\" variant=\"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-06-07T19:28:13.657Z",
  "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",
      "variant": "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"
      ]
    }
  ]
}