{
  "page_ir": {
    "page_id": "members_list",
    "page_goal": "Manage library members with search, filtering, bulk actions, and CRUD operations including approval, suspension, and reactivation workflows",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "neutral with status-colored badges"
    },
    "accessibility": {
      "required_labels": [
        "search_input",
        "status_filter",
        "members_table",
        "add_member_modal",
        "edit_member_modal",
        "suspend_member_modal"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 992,
        "xl": 1200
      },
      "collapse_rules": [
        "table scrolls horizontally on small screens",
        "filters stack vertically on mobile"
      ],
      "hidden_on_small": [
        "phone_column",
        "join_date_column"
      ],
      "stack_on_small": []
    },
    "constraints": [
      "Only administrators and librarians can access this page",
      "Bulk approve only applies to GOOD standing members pending approval"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "members": {
        "type": "array",
        "initial": [],
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "loading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "searchText": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "statusFilter": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "pagination": {
        "type": "object",
        "initial": {
          "current": 1,
          "pageSize": 20,
          "total": 0
        },
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "selectedRowKeys": {
        "type": "array",
        "initial": [],
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "addMemberModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "editMemberModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "suspendMemberModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "selectedMember": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "hasSelectedRows": {
        "type": "boolean",
        "expr": "state.selectedRowKeys.length > 0",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "c528b15ab1b240ab8f026d0062eb4acd": {
        "endpoint_id": "c528b15ab1b240ab8f026d0062eb4acd",
        "module": "User Management",
        "endpoint": "/users/members",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": "$state.pagination.pageSize",
          "offset": "($state.pagination.current - 1) * $state.pagination.pageSize",
          "account_standing": "$state.statusFilter"
        },
        "body": null,
        "fields": [
          "id",
          "user_id",
          "membership_number",
          "membership_date",
          "membership_expiry",
          "borrowing_limit",
          "account_standing",
          "created_at",
          "updated_at"
        ],
        "response_target": "members",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "b2ac0baf357f4b98be44608441349ef4": {
        "endpoint_id": "b2ac0baf357f4b98be44608441349ef4",
        "module": "User Management",
        "endpoint": "/users/",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 100,
          "offset": 0,
          "role": "MEMBER"
        },
        "body": null,
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone",
          "address",
          "role",
          "status",
          "created_at",
          "updated_at"
        ],
        "response_target": "users",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "33f2b8082a1d4ddb8a1f275f867d0a47": {
        "endpoint_id": "33f2b8082a1d4ddb8a1f275f867d0a47",
        "module": "User Management",
        "endpoint": "/users/",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": {},
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone",
          "status"
        ],
        "response_target": "createUser_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "04edcf06a73443c0b20cd4a4e06e386e": {
        "endpoint_id": "04edcf06a73443c0b20cd4a4e06e386e",
        "module": "User Management",
        "endpoint": "/users/members",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": {},
        "fields": [
          "id",
          "user_id",
          "membership_number",
          "membership_date",
          "account_standing"
        ],
        "response_target": "createMember_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "4b54e973bddf4691a57f04d103489b80": {
        "endpoint_id": "4b54e973bddf4691a57f04d103489b80",
        "module": "User Management",
        "endpoint": "/users/{user_id}",
        "method": "PUT",
        "path_params": {
          "user_id": "$state.selectedMember.user_id"
        },
        "query_params": {},
        "body": {},
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone",
          "address"
        ],
        "response_target": "updateUser_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "4577e0c45f0e4e82891ac41632eade23": {
        "endpoint_id": "4577e0c45f0e4e82891ac41632eade23",
        "module": "User Management",
        "endpoint": "/users/members/{member_id}",
        "method": "PUT",
        "path_params": {
          "member_id": "$state.selectedMember.id"
        },
        "query_params": {},
        "body": {},
        "fields": [
          "id",
          "account_standing",
          "membership_number"
        ],
        "response_target": "updateMember_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "8d8cff00b8c54d1e8eaab573e0343314": {
        "endpoint_id": "8d8cff00b8c54d1e8eaab573e0343314",
        "module": "User Management",
        "endpoint": "/users/members/{member_id}",
        "method": "DELETE",
        "path_params": {
          "member_id": "$state.selectedMember.id"
        },
        "query_params": {},
        "body": null,
        "fields": [],
        "response_target": "8d8cff00b8c54d1e8eaab573e0343314_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "a8ce7fc0545542b39d57c161fa4b8c09": {
        "endpoint_id": "a8ce7fc0545542b39d57c161fa4b8c09",
        "module": "User Management",
        "endpoint": "/users/members/{member_id}",
        "method": "PUT",
        "path_params": {
          "member_id": "$state.selectedMember.id"
        },
        "query_params": {},
        "body": {},
        "fields": [
          "id",
          "account_standing"
        ],
        "response_target": "a8ce7fc0545542b39d57c161fa4b8c09_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "900e3535486f4a72a9e7d0b651a882db": {
        "endpoint_id": "900e3535486f4a72a9e7d0b651a882db",
        "module": "User Management",
        "endpoint": "/users/members/{member_id}",
        "method": "PUT",
        "path_params": {
          "member_id": "$state.selectedMember.id"
        },
        "query_params": {},
        "body": {},
        "fields": [
          "id",
          "account_standing"
        ],
        "response_target": "900e3535486f4a72a9e7d0b651a882db_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "4e197387b04c4370b5a496cc242da3b9": {
        "endpoint_id": "4e197387b04c4370b5a496cc242da3b9",
        "module": "User Management",
        "endpoint": "/users/members/{member_id}",
        "method": "PUT",
        "path_params": {
          "member_id": "$state.selectedMember.id"
        },
        "query_params": {},
        "body": {},
        "fields": [
          "id",
          "account_standing"
        ],
        "response_target": "4e197387b04c4370b5a496cc242da3b9_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "member": {
        "name": "Member",
        "backend_module": "User Management",
        "fields": [
          "id",
          "user_id",
          "membership_number",
          "membership_date",
          "membership_expiry",
          "borrowing_limit",
          "account_standing",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "membership_number",
          "account_standing",
          "membership_date",
          "borrowing_limit"
        ],
        "search_fields": [],
        "filters": [
          "account_standing"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "user": {
        "name": "User",
        "backend_module": "User Management",
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone",
          "address",
          "role",
          "status",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "first_name",
          "last_name",
          "email",
          "phone",
          "status"
        ],
        "search_fields": [],
        "filters": [
          "status",
          "role"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onSearchChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.searchText",
            "expr": "event.target.value"
          }
        ],
        "description": ""
      },
      "onStatusFilterChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.statusFilter",
            "expr": "value"
          },
          {
            "target": "state.pagination.current",
            "expr": "1"
          }
        ],
        "description": ""
      },
      "onPaginationChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.pagination.current",
            "expr": "page"
          },
          {
            "target": "state.pagination.pageSize",
            "expr": "pageSize"
          }
        ],
        "description": ""
      },
      "onRowSelectionChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.selectedRowKeys",
            "expr": "selectedRowKeys"
          }
        ],
        "description": ""
      },
      "openAddMemberModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.addMemberModalVisible",
            "expr": "true"
          }
        ],
        "description": ""
      },
      "closeAddMemberModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.addMemberModalVisible",
            "expr": "false"
          }
        ],
        "description": ""
      },
      "openEditMemberModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.editMemberModalVisible",
            "expr": "true"
          },
          {
            "target": "state.selectedMember",
            "expr": "record"
          }
        ],
        "description": ""
      },
      "closeEditMemberModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.editMemberModalVisible",
            "expr": "false"
          },
          {
            "target": "state.selectedMember",
            "expr": "null"
          }
        ],
        "description": ""
      },
      "openSuspendMemberModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.suspendMemberModalVisible",
            "expr": "true"
          },
          {
            "target": "state.selectedMember",
            "expr": "record"
          }
        ],
        "description": ""
      },
      "closeSuspendMemberModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.suspendMemberModalVisible",
            "expr": "false"
          },
          {
            "target": "state.selectedMember",
            "expr": "null"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "fc0be51de5994c9f80fdaba8a8196b58": {
        "action_id": "fc0be51de5994c9f80fdaba8a8196b58",
        "trigger": "form_submit",
        "target_component_id": "add_member_modal",
        "operation": "create",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_email\", \"type\": \"email\"}",
            "message": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_email\", \"type\": \"email\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"first_name\", \"message\": \"First name is required\", \"rule_id\": \"val_first_name\", \"type\": \"required\"}",
            "message": "{\"field\": \"first_name\", \"message\": \"First name is required\", \"rule_id\": \"val_first_name\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"last_name\", \"message\": \"Last name is required\", \"rule_id\": \"val_last_name\", \"type\": \"required\"}",
            "message": "{\"field\": \"last_name\", \"message\": \"Last name is required\", \"rule_id\": \"val_last_name\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": "04edcf06a73443c0b20cd4a4e06e386e",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Member added successfully",
              "type": "success"
            }
          },
          {
            "type": "modal_close",
            "config": {
              "target": "add_member_modal"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchMembers"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "79688fd6185343aca4ea894c7505c99c": {
        "action_id": "79688fd6185343aca4ea894c7505c99c",
        "trigger": "form_submit",
        "target_component_id": "edit_member_modal",
        "operation": "update",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_edit_email\", \"type\": \"email\"}",
            "message": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_edit_email\", \"type\": \"email\"}"
          }
        ],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": "4b54e973bddf4691a57f04d103489b80",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Member updated successfully",
              "type": "success"
            }
          },
          {
            "type": "modal_close",
            "config": {
              "target": "edit_member_modal"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchMembers"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "a8ce7fc0545542b39d57c161fa4b8c09": {
        "action_id": "a8ce7fc0545542b39d57c161fa4b8c09",
        "trigger": "form_submit",
        "target_component_id": "suspend_member_modal",
        "operation": "update",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"reason\", \"message\": \"Suspension reason is required\", \"rule_id\": \"val_suspend_reason\", \"type\": \"required\"}",
            "message": "{\"field\": \"reason\", \"message\": \"Suspension reason is required\", \"rule_id\": \"val_suspend_reason\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": "a8ce7fc0545542b39d57c161fa4b8c09",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Member suspended successfully",
              "type": "success"
            }
          },
          {
            "type": "modal_close",
            "config": {
              "target": "suspend_member_modal"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchMembers"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "900e3535486f4a72a9e7d0b651a882db": {
        "action_id": "900e3535486f4a72a9e7d0b651a882db",
        "trigger": "button_click",
        "target_component_id": "members_table",
        "operation": "update",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": "900e3535486f4a72a9e7d0b651a882db",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Member reactivated successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchMembers"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "4e197387b04c4370b5a496cc242da3b9": {
        "action_id": "4e197387b04c4370b5a496cc242da3b9",
        "trigger": "button_click",
        "target_component_id": "members_table",
        "operation": "update",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": "4e197387b04c4370b5a496cc242da3b9",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Member approved successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchMembers"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "3819350f1f61467fa52f7be3397de4dd": {
        "action_id": "3819350f1f61467fa52f7be3397de4dd",
        "trigger": "button_click",
        "target_component_id": "bulk_approve_button",
        "operation": "update",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.selectedRowKeys",
            "expr": "[]"
          }
        ],
        "api_endpoint": "4e197387b04c4370b5a496cc242da3b9",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Selected members approved successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchMembers"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "8d8cff00b8c54d1e8eaab573e0343314": {
        "action_id": "8d8cff00b8c54d1e8eaab573e0343314",
        "trigger": "button_click",
        "target_component_id": "members_table",
        "operation": "delete",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": "8d8cff00b8c54d1e8eaab573e0343314",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Member deleted successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchMembers"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "a0409c5349e44992a922b10682206dd7": {
        "action_id": "a0409c5349e44992a922b10682206dd7",
        "trigger": "button_click",
        "target_component_id": "members_table",
        "operation": "read",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin/members/${record.id}"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "fc0be51de5994c9f80fdaba8a8196b58": {
        "action_id": "fc0be51de5994c9f80fdaba8a8196b58",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Member added successfully",
        "error_message": "Failed to add member",
        "ui_updates": []
      },
      "79688fd6185343aca4ea894c7505c99c": {
        "action_id": "79688fd6185343aca4ea894c7505c99c",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Member updated successfully",
        "error_message": "Failed to update member",
        "ui_updates": []
      },
      "a8ce7fc0545542b39d57c161fa4b8c09": {
        "action_id": "a8ce7fc0545542b39d57c161fa4b8c09",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Member suspended",
        "error_message": "Failed to suspend member",
        "ui_updates": []
      },
      "900e3535486f4a72a9e7d0b651a882db": {
        "action_id": "900e3535486f4a72a9e7d0b651a882db",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Member reactivated",
        "error_message": "Failed to reactivate member",
        "ui_updates": []
      },
      "4e197387b04c4370b5a496cc242da3b9": {
        "action_id": "4e197387b04c4370b5a496cc242da3b9",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Member approved",
        "error_message": "Failed to approve member",
        "ui_updates": []
      },
      "3819350f1f61467fa52f7be3397de4dd": {
        "action_id": "3819350f1f61467fa52f7be3397de4dd",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Members approved",
        "error_message": "Failed to approve members",
        "ui_updates": []
      },
      "8d8cff00b8c54d1e8eaab573e0343314": {
        "action_id": "8d8cff00b8c54d1e8eaab573e0343314",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Member deleted",
        "error_message": "Failed to delete member",
        "ui_updates": []
      },
      "a0409c5349e44992a922b10682206dd7": {
        "action_id": "a0409c5349e44992a922b10682206dd7",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      }
    }
  },
  "component_ir": {
    "library": "antd",
    "theme": {
      "primaryColor": "#1677ff",
      "secondaryColor": "#000000",
      "successColor": null,
      "warningColor": null,
      "errorColor": null,
      "fontFamily": "sans-serif",
      "fontSize": null,
      "borderRadius": 6
    },
    "components": {
      "main_container": {
        "type": "Layout",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "minHeight": "100vh",
          "width": "100%",
          "padding": "24px",
          "background": "#f5f5f5"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_header": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "alignItems": "center",
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_title": {
        "type": "Typography.Title",
        "label": "Members Management",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 2
        },
        "dynamic_props": {},
        "styles": {
          "margin": 0
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "header_actions": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_member_button": {
        "type": "Button",
        "label": "Add Member",
        "description": null,
        "bind": null,
        "onClick": "openAddMemberModal",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "icon": "PlusOutlined"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filters_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "gap": "16px",
          "marginBottom": "16px",
          "flexWrap": "wrap",
          "alignItems": "center"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "search_input": {
        "type": "Input.Search",
        "label": "Search members",
        "description": null,
        "bind": "state.searchText",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Search by name, email, or member ID",
          "allowClear": true,
          "style": {
            "width": 320
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "status_filter": {
        "type": "Select",
        "label": "Filter by status",
        "description": null,
        "bind": "state.statusFilter",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Filter by status",
          "allowClear": true,
          "style": {
            "width": 200
          },
          "options": [
            {
              "label": "Good",
              "value": "GOOD"
            },
            {
              "label": "Warning",
              "value": "WARNING"
            },
            {
              "label": "Suspended",
              "value": "SUSPENDED"
            },
            {
              "label": "Blocked",
              "value": "BLOCKED"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "bulk_actions_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginLeft": "auto"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "bulk_approve_button": {
        "type": "Button",
        "label": "Bulk Approve",
        "description": null,
        "bind": null,
        "onClick": "bulkApproveMember",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "default",
          "disabled": "!state.hasSelectedRows"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "table_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": false
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "members_table": {
        "type": "Table",
        "label": "Members table",
        "description": null,
        "bind": "state.members",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "rowKey": "id",
          "loading": "state.loading",
          "rowSelection": {
            "selectedRowKeys": "state.selectedRowKeys",
            "onChange": "onRowSelectionChange"
          },
          "pagination": {
            "current": "state.pagination.current",
            "pageSize": "state.pagination.pageSize",
            "total": "state.pagination.total",
            "showSizeChanger": true,
            "showTotal": true
          },
          "columns": [
            {
              "title": "Member ID",
              "dataIndex": "membership_number",
              "key": "membership_number"
            },
            {
              "title": "Name",
              "dataIndex": "name",
              "key": "name",
              "render": "record.first_name + ' ' + record.last_name"
            },
            {
              "title": "Email",
              "dataIndex": "email",
              "key": "email"
            },
            {
              "title": "Phone",
              "dataIndex": "phone",
              "key": "phone"
            },
            {
              "title": "Status",
              "dataIndex": "account_standing",
              "key": "account_standing",
              "render": "tag_badge"
            },
            {
              "title": "Join Date",
              "dataIndex": "membership_date",
              "key": "membership_date"
            },
            {
              "title": "Active Loans",
              "dataIndex": "active_loans",
              "key": "active_loans"
            },
            {
              "title": "Outstanding Fines",
              "dataIndex": "outstanding_fines",
              "key": "outstanding_fines"
            },
            {
              "title": "Actions",
              "key": "actions",
              "render": "action_buttons"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_member_modal": {
        "type": "Modal",
        "label": "Add New Member",
        "description": null,
        "bind": "state.addMemberModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Add New Member",
          "okText": "Add Member",
          "cancelText": "Cancel",
          "width": 640,
          "destroyOnClose": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_member_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_first_name": {
        "type": "Form.Item",
        "label": "First Name",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "first_name",
          "rules": [
            {
              "required": true,
              "message": "First name is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_first_name_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter first name"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_last_name": {
        "type": "Form.Item",
        "label": "Last Name",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "last_name",
          "rules": [
            {
              "required": true,
              "message": "Last name is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_last_name_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter last name"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_email": {
        "type": "Form.Item",
        "label": "Email",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "email",
          "rules": [
            {
              "required": true,
              "type": "email",
              "message": "Valid email is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_email_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter email address"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_phone": {
        "type": "Form.Item",
        "label": "Phone",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "phone"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_phone_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter phone number"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_address": {
        "type": "Form.Item",
        "label": "Address",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "address"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_address_input": {
        "type": "Input.TextArea",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter address",
          "rows": 3
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_password": {
        "type": "Form.Item",
        "label": "Password",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "password",
          "rules": [
            {
              "required": true,
              "message": "Password is required"
            },
            {
              "min": 8,
              "message": "Password must be at least 8 characters"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_password_input": {
        "type": "Input.Password",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter password"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_membership_date": {
        "type": "Form.Item",
        "label": "Membership Date",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "membership_date",
          "rules": [
            {
              "required": true,
              "message": "Membership date is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_membership_date_input": {
        "type": "DatePicker",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "style": {
            "width": "100%"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_borrowing_limit": {
        "type": "Form.Item",
        "label": "Borrowing Limit",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "borrowing_limit",
          "initialValue": 5
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_form_borrowing_limit_input": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "min": 1,
          "max": 20,
          "style": {
            "width": "100%"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_member_modal": {
        "type": "Modal",
        "label": "Edit Member",
        "description": null,
        "bind": "state.editMemberModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Edit Member",
          "okText": "Save Changes",
          "cancelText": "Cancel",
          "width": 640,
          "destroyOnClose": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_member_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_first_name": {
        "type": "Form.Item",
        "label": "First Name",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "first_name",
          "rules": [
            {
              "required": true,
              "message": "First name is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_first_name_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter first name"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_last_name": {
        "type": "Form.Item",
        "label": "Last Name",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "last_name",
          "rules": [
            {
              "required": true,
              "message": "Last name is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_last_name_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter last name"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_email": {
        "type": "Form.Item",
        "label": "Email",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "email",
          "rules": [
            {
              "required": true,
              "type": "email",
              "message": "Valid email is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_email_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter email address"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_phone": {
        "type": "Form.Item",
        "label": "Phone",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "phone"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_phone_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter phone number"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_address": {
        "type": "Form.Item",
        "label": "Address",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "address"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_address_input": {
        "type": "Input.TextArea",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter address",
          "rows": 3
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "suspend_member_modal": {
        "type": "Modal",
        "label": "Suspend Member",
        "description": null,
        "bind": "state.suspendMemberModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Suspend Member",
          "okText": "Suspend",
          "cancelText": "Cancel",
          "okButtonProps": {
            "danger": true
          },
          "width": 480,
          "destroyOnClose": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "suspend_member_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "suspend_form_reason": {
        "type": "Form.Item",
        "label": "Reason for Suspension",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "reason",
          "rules": [
            {
              "required": true,
              "message": "Please provide a reason for suspension"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "suspend_form_reason_input": {
        "type": "Input.TextArea",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter reason for suspending this member",
          "rows": 4
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      }
    }
  },
  "layout_ir": {
    "root": "main_container",
    "children": {
      "main_container": [
        "page_header",
        "filters_row",
        "table_card",
        "add_member_modal",
        "edit_member_modal",
        "suspend_member_modal"
      ],
      "page_header": [
        "page_title",
        "header_actions"
      ],
      "header_actions": [
        "add_member_button"
      ],
      "filters_row": [
        "search_input",
        "status_filter",
        "bulk_actions_container"
      ],
      "bulk_actions_container": [
        "bulk_approve_button"
      ],
      "table_card": [
        "members_table"
      ],
      "add_member_modal": [
        "add_member_form"
      ],
      "add_member_form": [
        "add_form_first_name",
        "add_form_last_name",
        "add_form_email",
        "add_form_phone",
        "add_form_address",
        "add_form_password",
        "add_form_membership_date",
        "add_form_borrowing_limit"
      ],
      "add_form_first_name": [
        "add_form_first_name_input"
      ],
      "add_form_last_name": [
        "add_form_last_name_input"
      ],
      "add_form_email": [
        "add_form_email_input"
      ],
      "add_form_phone": [
        "add_form_phone_input"
      ],
      "add_form_address": [
        "add_form_address_input"
      ],
      "add_form_password": [
        "add_form_password_input"
      ],
      "add_form_membership_date": [
        "add_form_membership_date_input"
      ],
      "add_form_borrowing_limit": [
        "add_form_borrowing_limit_input"
      ],
      "edit_member_modal": [
        "edit_member_form"
      ],
      "edit_member_form": [
        "edit_form_first_name",
        "edit_form_last_name",
        "edit_form_email",
        "edit_form_phone",
        "edit_form_address"
      ],
      "edit_form_first_name": [
        "edit_form_first_name_input"
      ],
      "edit_form_last_name": [
        "edit_form_last_name_input"
      ],
      "edit_form_email": [
        "edit_form_email_input"
      ],
      "edit_form_phone": [
        "edit_form_phone_input"
      ],
      "edit_form_address": [
        "edit_form_address_input"
      ],
      "suspend_member_modal": [
        "suspend_member_form"
      ],
      "suspend_member_form": [
        "suspend_form_reason"
      ],
      "suspend_form_reason": [
        "suspend_form_reason_input"
      ]
    },
    "layout": {
      "main_container": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "page_header": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "header_actions": {
        "type": "horizontal",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "filters_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "bulk_actions_container": {
        "type": "horizontal",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "table_card": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "add_member_form": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "edit_member_form": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "suspend_member_form": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      }
    },
    "layout_zones": [
      {
        "zone_id": "main_content",
        "component": "main_container",
        "anchor": "center",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Main page container"
      },
      {
        "zone_id": "add_modal_zone",
        "component": "add_member_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Add member modal overlay"
      },
      {
        "zone_id": "edit_modal_zone",
        "component": "edit_member_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Edit member modal overlay"
      },
      {
        "zone_id": "suspend_modal_zone",
        "component": "suspend_member_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Suspend member modal overlay"
      }
    ],
    "responsive_overrides": []
  },
  "navigation_ir": {
    "tabs": [],
    "modals": {},
    "drawers": {},
    "routes": [],
    "breadcrumb": null,
    "default_tab": null
  },
  "realtime_ir": {
    "timers": {},
    "polling": {}
  },
  "metadata": {
    "ir_version": "3.5",
    "generated_at": "",
    "source_prompt": null,
    "schema_session_id": null,
    "warnings": []
  },
  "page_data_contract": null,
  "schema_ir": null
}
