{
  "name": "member-edit-drawer",
  "kind": "block",
  "primary": "drawer-ui",
  "page": "/apps/user-flow/app/registration/org-review/org-review.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "placement": "end",
    "size": "md"
  },
  "html": "<drawer-ui id=\"member-edit-drawer\" placement=\"end\" size=\"md\">\n      <header>\n        <h2 slot=\"heading\">Edit member</h2>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Adjust role, manager, and department. Changes save to admin → directory.</text-ui>\n      </header>\n      <section>\n        <field-ui label=\"Full name\">\n          <input-ui name=\"m_name\" value=\"Alex Chen\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Title\">\n          <input-ui name=\"m_title\" value=\"Senior Engineer\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Department\">\n          <select-ui name=\"m_dept\" value=\"engineering\">\n            <option value=\"engineering\" selected>Engineering</option>\n            <option value=\"product\">Product</option>\n            <option value=\"design\">Design</option>\n            <option value=\"sales\">Sales</option>\n            <option value=\"cs\">Customer Success</option>\n            <option value=\"ops\">Operations</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Reports to\">\n          <select-ui name=\"m_manager\" value=\"maya\">\n            <option value=\"jane\">Jane Doe (Founder)</option>\n            <option value=\"maya\" selected>Maya Patel (VP Engineering)</option>\n            <option value=\"riley\">Riley Park (Head of Design)</option>\n            <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n            <option value=\"\">No manager</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Status\">\n          <segmented-ui name=\"m_status\" value=\"active\">\n            <segment-ui text=\"Active\" value=\"active\"></segment-ui>\n            <segment-ui text=\"Pending\" value=\"pending\"></segment-ui>\n            <segment-ui text=\"Suspended\" value=\"suspended\"></segment-ui>\n          </segmented-ui>\n        </field-ui>\n      </section>\n      <footer>\n        <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n        <button-ui slot=\"action\" text=\"Save changes\" variant=\"primary\"></button-ui>\n      </footer>\n    </drawer-ui>",
  "source": "apps/user-flow/app/registration/org-review/org-review.contents.html",
  "metadata": {
    "domain": "settings",
    "description": "Edit member details drawer — change name, role, permissions for a team member.",
    "keywords": [
      "drawer",
      "member",
      "edit",
      "team",
      "role",
      "permissions",
      "settings"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "title",
      "slot": "heading",
      "textContent": "Edit member"
    },
    {
      "id": "text-2",
      "component": "Text",
      "slot": "description",
      "color": "subtle",
      "size": "sm",
      "textContent": "Adjust role, manager, and department. Changes save to admin → directory."
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "m-name",
      "component": "Input",
      "name": "m_name",
      "value": "Alex Chen"
    },
    {
      "id": "field",
      "component": "Field",
      "label": "Full name",
      "children": [
        "m-name"
      ]
    },
    {
      "id": "m-title",
      "component": "Input",
      "name": "m_title",
      "value": "Senior Engineer"
    },
    {
      "id": "field-2",
      "component": "Field",
      "label": "Title",
      "children": [
        "m-title"
      ]
    },
    {
      "id": "m-dept",
      "component": "ChoicePicker",
      "name": "m_dept",
      "value": "engineering",
      "options": [
        {
          "value": "engineering",
          "label": "Engineering"
        },
        {
          "value": "product",
          "label": "Product"
        },
        {
          "value": "design",
          "label": "Design"
        },
        {
          "value": "sales",
          "label": "Sales"
        },
        {
          "value": "cs",
          "label": "Customer Success"
        },
        {
          "value": "ops",
          "label": "Operations"
        }
      ]
    },
    {
      "id": "field-3",
      "component": "Field",
      "label": "Department",
      "children": [
        "m-dept"
      ]
    },
    {
      "id": "m-manager",
      "component": "ChoicePicker",
      "name": "m_manager",
      "value": "maya",
      "options": [
        {
          "value": "jane",
          "label": "Jane Doe (Founder)"
        },
        {
          "value": "maya",
          "label": "Maya Patel (VP Engineering)"
        },
        {
          "value": "riley",
          "label": "Riley Park (Head of Design)"
        },
        {
          "value": "morgan",
          "label": "Morgan Lee (Head of Sales)"
        },
        {
          "value": "",
          "label": "No manager"
        }
      ]
    },
    {
      "id": "field-4",
      "component": "Field",
      "label": "Reports to",
      "children": [
        "m-manager"
      ]
    },
    {
      "id": "segment",
      "component": "Segment",
      "text": "Active",
      "value": "active"
    },
    {
      "id": "segment-2",
      "component": "Segment",
      "text": "Pending",
      "value": "pending"
    },
    {
      "id": "segment-3",
      "component": "Segment",
      "text": "Suspended",
      "value": "suspended"
    },
    {
      "id": "m-status",
      "component": "SegmentedControl",
      "value": "active",
      "children": [
        "segment",
        "segment-2",
        "segment-3"
      ]
    },
    {
      "id": "field-5",
      "component": "Field",
      "label": "Status",
      "children": [
        "m-status"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "field",
        "field-2",
        "field-3",
        "field-4",
        "field-5"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "slot": "action",
      "text": "Cancel",
      "variant": "ghost"
    },
    {
      "id": "button-2",
      "component": "Button",
      "slot": "action",
      "text": "Save changes",
      "variant": "primary"
    },
    {
      "id": "footer",
      "component": "Footer",
      "children": [
        "button",
        "button-2"
      ]
    },
    {
      "id": "root",
      "component": "Drawer",
      "size": "md",
      "children": [
        "header",
        "section",
        "footer"
      ]
    }
  ]
}