{
  "name": "user-identity-row",
  "kind": "block",
  "primary": "row-ui",
  "page": "/apps/saas/app/members/members.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "gap": "2",
    "align": "center",
    "grow": ""
  },
  "html": "<row-ui gap=\"2\" align=\"center\" grow>\n              <avatar-ui icon=\"code\" size=\"sm\"></avatar-ui>\n              <col-ui gap=\"0\" grow>\n                <text-ui strong>Developer</text-ui>\n                <text-ui color=\"subtle\" size=\"sm\">API + webhook access · 4 members</text-ui>\n              </col-ui>\n              <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n            </row-ui>",
  "source": "apps/saas/app/members/members.contents.html",
  "metadata": {
    "domain": "data",
    "description": "User identity row — avatar + name + email + role badge in a single flex row.",
    "keywords": [
      "user",
      "identity",
      "row",
      "avatar",
      "name",
      "email",
      "role",
      "badge",
      "member"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "avatar",
      "component": "Avatar",
      "icon": "code",
      "size": "sm"
    },
    {
      "id": "text",
      "component": "Text",
      "strong": true,
      "textContent": "Developer"
    },
    {
      "id": "text-2",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "API + webhook access · 4 members"
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "0",
      "grow": true,
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "icon": "pencil-simple",
      "size": "sm",
      "variant": "ghost"
    },
    {
      "id": "root",
      "component": "Row",
      "align": "center",
      "gap": "2",
      "grow": true,
      "children": [
        "avatar",
        "column",
        "button"
      ]
    }
  ]
}