{
  "page_ir": {
    "page_id": "user_profile",
    "page_goal": "Allow authenticated users to view and edit their profile information, change password, and manage account status",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "neutral with primary accents"
    },
    "accessibility": {
      "required_labels": [
        "first_name",
        "last_name",
        "email",
        "phone_number",
        "current_password",
        "new_password",
        "confirm_password"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 992,
        "xl": 1200
      },
      "collapse_rules": [
        "stack_forms_vertically_on_small"
      ],
      "hidden_on_small": [],
      "stack_on_small": []
    },
    "constraints": [
      "user_must_be_authenticated",
      "email_field_is_read_only"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "userProfile": {
        "type": "object",
        "initial": null,
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "loading": {
        "type": "boolean",
        "initial": true,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "saving": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "changingPassword": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "deactivateModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "deactivating": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "isActive": {
        "type": "boolean",
        "expr": "state.userProfile?.is_active ?? true",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "7eba9173324c4fb0b3f8be90dfbfb8d4": {
        "endpoint_id": "7eba9173324c4fb0b3f8be90dfbfb8d4",
        "module": "User Management",
        "endpoint": "/users/{id}/profile",
        "method": "GET",
        "path_params": {
          "id": "appContext.currentUser.userId"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone_number",
          "role",
          "is_active",
          "created_at",
          "updated_at"
        ],
        "response_target": "userProfile",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "6e2520bf993d47a486e64e23509d26f2": {
        "endpoint_id": "6e2520bf993d47a486e64e23509d26f2",
        "module": "User Management",
        "endpoint": "/users/{id}/profile",
        "method": "PUT",
        "path_params": {
          "id": "appContext.currentUser.userId"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone_number",
          "role",
          "is_active",
          "created_at",
          "updated_at"
        ],
        "response_target": "userProfile",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "919d389fb3624ed2b924cdf617be381f": {
        "endpoint_id": "919d389fb3624ed2b924cdf617be381f",
        "module": "User Management",
        "endpoint": "/users/{id}/profile",
        "method": "PUT",
        "path_params": {
          "id": "appContext.currentUser.userId"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone_number",
          "role",
          "is_active",
          "created_at",
          "updated_at"
        ],
        "response_target": "userProfile",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "8920571944154f409a15ae7eca92358e": {
        "endpoint_id": "8920571944154f409a15ae7eca92358e",
        "module": "User Management",
        "endpoint": "/users/{id}/profile",
        "method": "PUT",
        "path_params": {
          "id": "appContext.currentUser.userId"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone_number",
          "role",
          "is_active",
          "created_at",
          "updated_at"
        ],
        "response_target": "userProfile",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "user": {
        "name": "User",
        "backend_module": "User Management",
        "fields": [
          "id",
          "email",
          "first_name",
          "last_name",
          "phone_number",
          "role",
          "is_active",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "first_name",
          "last_name",
          "email",
          "phone_number",
          "is_active"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "openDeactivateModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.deactivateModalVisible",
            "expr": "true"
          }
        ],
        "description": ""
      },
      "closeDeactivateModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.deactivateModalVisible",
            "expr": "false"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "d18583c4daad44debfab3d15d4222e6c": {
        "action_id": "d18583c4daad44debfab3d15d4222e6c",
        "trigger": "form_submit",
        "target_component_id": "profile_form",
        "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\": \"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_1",
            "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": [
          {
            "target": "state.saving",
            "expr": "true"
          }
        ],
        "api_endpoint": "6e2520bf993d47a486e64e23509d26f2",
        "api_body": "{ first_name: formValues.first_name, last_name: formValues.last_name, phone_number: formValues.phone_number }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Profile updated successfully!",
              "type": "success"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "99739a48e7a74de6b22e2235042ed843": {
        "action_id": "99739a48e7a74de6b22e2235042ed843",
        "trigger": "form_submit",
        "target_component_id": "password_form",
        "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\": \"current_password\", \"message\": \"Current password is required\", \"rule_id\": \"val_current_password\", \"type\": \"required\"}",
            "message": "{\"field\": \"current_password\", \"message\": \"Current password is required\", \"rule_id\": \"val_current_password\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"new_password\", \"message\": \"New password is required\", \"rule_id\": \"val_new_password\", \"type\": \"required\"}",
            "message": "{\"field\": \"new_password\", \"message\": \"New password is required\", \"rule_id\": \"val_new_password\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"new_password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_new_password_min\", \"type\": \"min_length\", \"value\": 8}",
            "message": "{\"field\": \"new_password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_new_password_min\", \"type\": \"min_length\", \"value\": 8}"
          },
          {
            "rule_id": "val_3",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"confirm_password\", \"message\": \"Please confirm your new password\", \"rule_id\": \"val_confirm_password\", \"type\": \"required\"}",
            "message": "{\"field\": \"confirm_password\", \"message\": \"Please confirm your new password\", \"rule_id\": \"val_confirm_password\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.changingPassword",
            "expr": "true"
          }
        ],
        "api_endpoint": "919d389fb3624ed2b924cdf617be381f",
        "api_body": "{ password: formValues.new_password }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Password updated successfully!",
              "type": "success"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "8920571944154f409a15ae7eca92358e": {
        "action_id": "8920571944154f409a15ae7eca92358e",
        "trigger": "button_click",
        "target_component_id": "confirm_deactivate_btn",
        "operation": "update",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.deactivating",
            "expr": "true"
          },
          {
            "target": "state.deactivateModalVisible",
            "expr": "false"
          }
        ],
        "api_endpoint": "8920571944154f409a15ae7eca92358e",
        "api_body": "{ is_active: false }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Account deactivated successfully",
              "type": "success"
            }
          },
          {
            "type": "navigate",
            "config": {
              "path": "/login"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "8231fa491fab4c2dbfabe437094a01b3": {
        "action_id": "8231fa491fab4c2dbfabe437094a01b3",
        "trigger": "button_click",
        "target_component_id": "nav_search_link",
        "operation": "custom",
        "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": "/"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "b2f896a9e94b4ff8bc6225e5112b62a2": {
        "action_id": "b2f896a9e94b4ff8bc6225e5112b62a2",
        "trigger": "button_click",
        "target_component_id": "nav_bookings_link",
        "operation": "custom",
        "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": "/bookings"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "d18583c4daad44debfab3d15d4222e6c": {
        "action_id": "d18583c4daad44debfab3d15d4222e6c",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Profile updated successfully!",
        "error_message": "Failed to update profile. Please try again.",
        "ui_updates": [
          "state.saving = false"
        ]
      },
      "99739a48e7a74de6b22e2235042ed843": {
        "action_id": "99739a48e7a74de6b22e2235042ed843",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Password updated successfully!",
        "error_message": "Failed to update password. Please check your current password.",
        "ui_updates": [
          "state.changingPassword = false"
        ]
      },
      "8920571944154f409a15ae7eca92358e": {
        "action_id": "8920571944154f409a15ae7eca92358e",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Account deactivated",
        "error_message": "Failed to deactivate account. Please try again.",
        "ui_updates": [
          "state.deactivating = false"
        ]
      }
    }
  },
  "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": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "minHeight": "100vh",
          "width": "100%",
          "backgroundColor": "#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
      },
      "top_nav": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "alignItems": "center",
          "justifyContent": "space-between",
          "padding": "0 24px",
          "height": "64px",
          "backgroundColor": "#fff",
          "borderBottom": "1px solid #f0f0f0",
          "boxShadow": "0 2px 8px rgba(0,0,0,0.06)"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_logo": {
        "type": "Typography.Title",
        "label": "Bus Booking",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 4,
          "style": {
            "margin": 0,
            "color": "#1677ff"
          }
        },
        "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
      },
      "nav_links": {
        "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",
          "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
      },
      "nav_search_link": {
        "type": "Button",
        "label": "Search Buses",
        "description": null,
        "bind": null,
        "onClick": "navigateToSearch",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link"
        },
        "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
      },
      "nav_bookings_link": {
        "type": "Button",
        "label": "My Bookings",
        "description": null,
        "bind": null,
        "onClick": "navigateToBookings",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link"
        },
        "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
      },
      "nav_profile_link": {
        "type": "Button",
        "label": "My Profile",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link",
          "disabled": true
        },
        "dynamic_props": {},
        "styles": {
          "fontWeight": "bold"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "content_area": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "maxWidth": "800px",
          "margin": "32px auto",
          "padding": "0 24px",
          "width": "100%"
        },
        "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": "My Profile",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 2
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "account_status_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Account Status"
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "status_badge": {
        "type": "Badge",
        "label": null,
        "description": null,
        "bind": "state.userProfile.is_active",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "status_expr": "state.userProfile?.is_active ? 'success' : 'error'",
          "text_expr": "state.userProfile?.is_active ? 'Active' : 'Inactive'"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "member_since_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "state.userProfile.created_at",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "text_expr": "'Member since ' + new Date(state.userProfile?.created_at).toLocaleDateString()"
        },
        "dynamic_props": {},
        "styles": {
          "marginLeft": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "profile_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Profile Information"
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "profile_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": "state.userProfile",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical",
          "name": "profile_form"
        },
        "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
      },
      "first_name_field": {
        "type": "Form.Item",
        "label": "First Name",
        "description": null,
        "bind": "first_name",
        "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
      },
      "first_name_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "first_name",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your 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
      },
      "last_name_field": {
        "type": "Form.Item",
        "label": "Last Name",
        "description": null,
        "bind": "last_name",
        "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
      },
      "last_name_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "last_name",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your 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
      },
      "email_field": {
        "type": "Form.Item",
        "label": "Email",
        "description": null,
        "bind": "email",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "email"
        },
        "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
      },
      "email_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "email",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Email address",
          "disabled": 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
      },
      "phone_field": {
        "type": "Form.Item",
        "label": "Phone Number",
        "description": null,
        "bind": "phone_number",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "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
      },
      "phone_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": "phone_number",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your 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
      },
      "save_profile_btn": {
        "type": "Button",
        "label": "Save Changes",
        "description": null,
        "bind": null,
        "onClick": "saveProfile",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "htmlType": "submit",
          "loading_expr": "state.saving"
        },
        "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
      },
      "password_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Change Password"
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "password_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical",
          "name": "password_form"
        },
        "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
      },
      "current_password_field": {
        "type": "Form.Item",
        "label": "Current Password",
        "description": null,
        "bind": "current_password",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "current_password",
          "rules": [
            {
              "required": true,
              "message": "Current password 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
      },
      "current_password_input": {
        "type": "Input.Password",
        "label": null,
        "description": null,
        "bind": "current_password",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter current 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
      },
      "new_password_field": {
        "type": "Form.Item",
        "label": "New Password",
        "description": null,
        "bind": "new_password",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "new_password",
          "rules": [
            {
              "required": true,
              "message": "New 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
      },
      "new_password_input": {
        "type": "Input.Password",
        "label": null,
        "description": null,
        "bind": "new_password",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter new 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
      },
      "confirm_password_field": {
        "type": "Form.Item",
        "label": "Confirm New Password",
        "description": null,
        "bind": "confirm_password",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "confirm_password",
          "rules": [
            {
              "required": true,
              "message": "Please confirm your new password"
            }
          ],
          "dependencies": [
            "new_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
      },
      "confirm_password_input": {
        "type": "Input.Password",
        "label": null,
        "description": null,
        "bind": "confirm_password",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Confirm new 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
      },
      "update_password_btn": {
        "type": "Button",
        "label": "Update Password",
        "description": null,
        "bind": null,
        "onClick": "updatePassword",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "htmlType": "submit",
          "loading_expr": "state.changingPassword"
        },
        "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
      },
      "danger_zone_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Danger Zone"
        },
        "dynamic_props": {},
        "styles": {
          "borderColor": "#ff4d4f"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "danger_zone_description": {
        "type": "Typography.Text",
        "label": "Once you deactivate your account, you will not be able to log in or make bookings. This action can be reversed by contacting support.",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "display": "block",
          "marginBottom": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "deactivate_btn": {
        "type": "Button",
        "label": "Deactivate Account",
        "description": null,
        "bind": null,
        "onClick": "openDeactivateModal",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "danger": true,
          "type": "primary"
        },
        "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
      },
      "deactivate_modal": {
        "type": "Modal",
        "label": null,
        "description": null,
        "bind": "state.deactivateModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Confirm Account Deactivation",
          "open_expr": "state.deactivateModalVisible",
          "okText": "Yes, Deactivate",
          "cancelText": "Cancel",
          "okButtonProps": {
            "danger": true
          },
          "onCancel_event": "closeDeactivateModal"
        },
        "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
      },
      "deactivate_modal_content": {
        "type": "Typography.Text",
        "label": "Are you sure you want to deactivate your account? You will be logged out and will not be able to access your account until it is reactivated.",
        "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
      },
      "confirm_deactivate_btn": {
        "type": "Button",
        "label": "Yes, Deactivate",
        "description": null,
        "bind": null,
        "onClick": "deactivateAccount",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "danger": true,
          "type": "primary",
          "loading_expr": "state.deactivating"
        },
        "dynamic_props": {},
        "styles": {
          "display": "none"
        },
        "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": [
        "top_nav",
        "content_area"
      ],
      "top_nav": [
        "nav_logo",
        "nav_links"
      ],
      "nav_links": [
        "nav_search_link",
        "nav_bookings_link",
        "nav_profile_link"
      ],
      "content_area": [
        "page_title",
        "account_status_card",
        "profile_card",
        "password_card",
        "danger_zone_card"
      ],
      "account_status_card": [
        "status_badge",
        "member_since_text"
      ],
      "profile_card": [
        "profile_form"
      ],
      "profile_form": [
        "first_name_field",
        "last_name_field",
        "email_field",
        "phone_field",
        "save_profile_btn"
      ],
      "first_name_field": [
        "first_name_input"
      ],
      "last_name_field": [
        "last_name_input"
      ],
      "email_field": [
        "email_input"
      ],
      "phone_field": [
        "phone_input"
      ],
      "password_card": [
        "password_form"
      ],
      "password_form": [
        "current_password_field",
        "new_password_field",
        "confirm_password_field",
        "update_password_btn"
      ],
      "current_password_field": [
        "current_password_input"
      ],
      "new_password_field": [
        "new_password_input"
      ],
      "confirm_password_field": [
        "confirm_password_input"
      ],
      "danger_zone_card": [
        "danger_zone_description",
        "deactivate_btn"
      ],
      "deactivate_modal": [
        "deactivate_modal_content",
        "confirm_deactivate_btn"
      ]
    },
    "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
      },
      "top_nav": {
        "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
      },
      "nav_links": {
        "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
      },
      "content_area": {
        "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
      },
      "account_status_card": {
        "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
      },
      "profile_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
      },
      "profile_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
      },
      "password_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
      },
      "password_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
      },
      "danger_zone_card": {
        "type": "vertical",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "deactivate_modal": {
        "type": "vertical",
        "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
      }
    },
    "layout_zones": [
      {
        "zone_id": "main_zone",
        "component": "main_container",
        "anchor": "top-left",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Root page container"
      },
      {
        "zone_id": "modal_zone",
        "component": "deactivate_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Deactivation confirmation modal"
      }
    ],
    "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
}