{
  "page_ir": {
    "page_id": "login",
    "page_goal": "Authenticate users with email and password, provide remember me functionality, forgot password modal, link to registration, and display validation/rate limiting errors",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "primary brand blue with clean white background"
    },
    "accessibility": {
      "required_labels": [
        "Email",
        "Password",
        "Remember Me",
        "Login",
        "Forgot Password",
        "Register"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "xs": 320,
        "sm": 576,
        "md": 768,
        "lg": 992
      },
      "collapse_rules": [
        "login_card max-width 400px centered on all screens"
      ],
      "hidden_on_small": [],
      "stack_on_small": []
    },
    "constraints": [
      "Rate limit after 5 failed attempts per 15 minutes",
      "Inline validation for email format and required fields"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "loginLoading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "failedAttempts": {
        "type": "number",
        "initial": 0,
        "required": false,
        "constraints": {
          "max": 5
        },
        "item_type": null
      },
      "rateLimited": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "rateLimitExpiry": {
        "type": "date",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "loginError": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "forgotPasswordModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "forgotPasswordLoading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "forgotPasswordSuccess": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "forgotPasswordError": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "rateLimitMessage": {
        "type": "string",
        "expr": "state.rateLimited ? 'Too many failed attempts. Please try again in 15 minutes.' : ''",
        "deps": []
      },
      "isLoginDisabled": {
        "type": "boolean",
        "expr": "state.rateLimited || state.loginLoading",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "4645f5ed865c458abccdb4b756d5bdc0": {
        "endpoint_id": "4645f5ed865c458abccdb4b756d5bdc0",
        "module": "User Management",
        "endpoint": "/users/",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 1
        },
        "body": null,
        "fields": [
          "id",
          "user_id",
          "email",
          "first_name",
          "last_name",
          "role",
          "is_active"
        ],
        "response_target": "user",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "53fc8517a22f426482feff91476ab6a3": {
        "endpoint_id": "53fc8517a22f426482feff91476ab6a3",
        "module": "User Management",
        "endpoint": "/users/",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 1
        },
        "body": null,
        "fields": [
          "id",
          "user_id",
          "email"
        ],
        "response_target": "user",
        "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",
          "user_id",
          "email",
          "first_name",
          "last_name",
          "date_of_birth",
          "gender",
          "is_active",
          "role",
          "last_login_at",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "email",
          "first_name",
          "last_name"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "openForgotPasswordModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.forgotPasswordModalVisible",
            "expr": "true"
          },
          {
            "target": "state.forgotPasswordSuccess",
            "expr": "false"
          },
          {
            "target": "state.forgotPasswordError",
            "expr": "''"
          }
        ],
        "description": ""
      },
      "closeForgotPasswordModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.forgotPasswordModalVisible",
            "expr": "false"
          },
          {
            "target": "state.forgotPasswordSuccess",
            "expr": "false"
          },
          {
            "target": "state.forgotPasswordError",
            "expr": "''"
          }
        ],
        "description": ""
      },
      "incrementFailedAttempts": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.failedAttempts",
            "expr": "state.failedAttempts + 1"
          },
          {
            "target": "state.rateLimited",
            "expr": "state.failedAttempts + 1 >= 5"
          },
          {
            "target": "state.loginError",
            "expr": "state.failedAttempts + 1 >= 5 ? 'Too many failed attempts. Please try again in 15 minutes.' : 'Invalid email or password. Please try again.'"
          }
        ],
        "description": ""
      },
      "clearLoginError": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.loginError",
            "expr": "''"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "cc6733c7bd89432d9be9f1ebe2b39eb6": {
        "action_id": "cc6733c7bd89432d9be9f1ebe2b39eb6",
        "trigger": "form_submit",
        "target_component_id": "login_form",
        "operation": "custom",
        "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\": \"Please enter your email address\", \"rule_id\": \"val_email_required\", \"type\": \"required\"}",
            "message": "{\"field\": \"email\", \"message\": \"Please enter your email address\", \"rule_id\": \"val_email_required\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"email\", \"message\": \"Please enter a valid email address\", \"rule_id\": \"val_email_format\", \"type\": \"email\"}",
            "message": "{\"field\": \"email\", \"message\": \"Please enter a valid email address\", \"rule_id\": \"val_email_format\", \"type\": \"email\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"password\", \"message\": \"Please enter your password\", \"rule_id\": \"val_password_required\", \"type\": \"required\"}",
            "message": "{\"field\": \"password\", \"message\": \"Please enter your password\", \"rule_id\": \"val_password_required\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_3",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_password_min\", \"type\": \"min_length\", \"value\": 8}",
            "message": "{\"field\": \"password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_password_min\", \"type\": \"min_length\", \"value\": 8}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.loginLoading",
            "expr": "true"
          },
          {
            "target": "state.loginError",
            "expr": "''"
          }
        ],
        "api_endpoint": "4645f5ed865c458abccdb4b756d5bdc0",
        "api_body": "{ email: formValues.email }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Login successful! Redirecting...",
              "type": "success"
            }
          },
          {
            "type": "navigate",
            "config": {
              "path": "/"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "a4cb3b9b761840b7a79c41f4d85f40c8": {
        "action_id": "a4cb3b9b761840b7a79c41f4d85f40c8",
        "trigger": "form_submit",
        "target_component_id": "forgot_password_form",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"reset_email\", \"message\": \"Please enter your email address\", \"rule_id\": \"val_reset_email_required\", \"type\": \"required\"}",
            "message": "{\"field\": \"reset_email\", \"message\": \"Please enter your email address\", \"rule_id\": \"val_reset_email_required\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"reset_email\", \"message\": \"Please enter a valid email address\", \"rule_id\": \"val_reset_email_format\", \"type\": \"email\"}",
            "message": "{\"field\": \"reset_email\", \"message\": \"Please enter a valid email address\", \"rule_id\": \"val_reset_email_format\", \"type\": \"email\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.forgotPasswordLoading",
            "expr": "true"
          }
        ],
        "api_endpoint": "53fc8517a22f426482feff91476ab6a3",
        "api_body": "{ email: formValues.reset_email }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "If an account exists with this email, a password reset link has been sent.",
              "type": "success"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "8bdff69b97074d12b45ef24c2be6c0e7": {
        "action_id": "8bdff69b97074d12b45ef24c2be6c0e7",
        "trigger": "button_click",
        "target_component_id": "register_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": "/register"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "1c7d1b34d2eb48f687cfc09b8f9f4235": {
        "action_id": "1c7d1b34d2eb48f687cfc09b8f9f4235",
        "trigger": "button_click",
        "target_component_id": "calculator_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
      }
    },
    "feedback": {
      "cc6733c7bd89432d9be9f1ebe2b39eb6": {
        "action_id": "cc6733c7bd89432d9be9f1ebe2b39eb6",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Login successful!",
        "error_message": "Invalid email or password. Please try again.",
        "ui_updates": [
          "state.loginLoading = false"
        ]
      },
      "a4cb3b9b761840b7a79c41f4d85f40c8": {
        "action_id": "a4cb3b9b761840b7a79c41f4d85f40c8",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Password reset email sent successfully.",
        "error_message": "Failed to send password reset email. Please try again.",
        "ui_updates": [
          "state.forgotPasswordLoading = false",
          "state.forgotPasswordSuccess = true"
        ]
      },
      "8bdff69b97074d12b45ef24c2be6c0e7": {
        "action_id": "8bdff69b97074d12b45ef24c2be6c0e7",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "1c7d1b34d2eb48f687cfc09b8f9f4235": {
        "action_id": "1c7d1b34d2eb48f687cfc09b8f9f4235",
        "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": "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%",
          "display": "flex",
          "flexDirection": "column",
          "alignItems": "center",
          "justifyContent": "center",
          "background": "linear-gradient(135deg, #f0f5ff 0%, #e6f0ff 100%)",
          "padding": "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
      },
      "login_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%",
          "maxWidth": "420px",
          "borderRadius": "8px",
          "boxShadow": "0 4px 24px rgba(0,0,0,0.08)"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "card_header_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "textAlign": "center",
          "marginBottom": "8px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "app_logo_icon": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 3,
          "children": "⚖️"
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "0",
          "fontSize": "40px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "app_title": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 3,
          "children": "BMI Calculator"
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "4px",
          "marginTop": "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
      },
      "login_subtitle": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "children": "Sign in to your account"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "14px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "login_error_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": "state.loginError",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "error",
          "showIcon": true,
          "closable": true,
          "message": "$bind"
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px",
          "display": "state.loginError ? 'block' : '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
      },
      "rate_limit_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": "derived.rateLimitMessage",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "warning",
          "showIcon": true,
          "message": "$bind"
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px",
          "display": "state.rateLimited ? 'block' : '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
      },
      "login_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical",
          "name": "login_form",
          "autoComplete": "on",
          "size": "large"
        },
        "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_form_item": {
        "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,
              "message": "Please enter your email address"
            },
            {
              "type": "email",
              "message": "Please enter a valid 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
      },
      "email_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your email",
          "prefix": "MailOutlined",
          "allowClear": true,
          "autoComplete": "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
      },
      "password_form_item": {
        "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": "Please enter your password"
            },
            {
              "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
      },
      "password_input": {
        "type": "Input.Password",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your password",
          "prefix": "LockOutlined",
          "autoComplete": "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
      },
      "remember_forgot_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",
          "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
      },
      "remember_me_form_item": {
        "type": "Form.Item",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "remember",
          "valuePropName": "checked",
          "noStyle": 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
      },
      "remember_me_checkbox": {
        "type": "Checkbox",
        "label": "Remember me",
        "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
      },
      "forgot_password_link": {
        "type": "Typography.Link",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": "openForgotPasswordModal",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "children": "Forgot Password?"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "14px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "login_button_form_item": {
        "type": "Form.Item",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "noStyle": 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
      },
      "login_button": {
        "type": "Button",
        "label": "Login",
        "description": null,
        "bind": null,
        "onClick": "submitLogin",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "htmlType": "submit",
          "block": true,
          "size": "large",
          "loading": "$state.loginLoading",
          "disabled": "$derived.isLoginDisabled"
        },
        "dynamic_props": {},
        "styles": {
          "height": "44px",
          "fontWeight": "600"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "divider": {
        "type": "Divider",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "plain": true,
          "children": "or"
        },
        "dynamic_props": {},
        "styles": {
          "margin": "16px 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
      },
      "register_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "textAlign": "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
      },
      "register_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "children": "Don't have an account? "
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "14px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "register_link": {
        "type": "Typography.Link",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": "navigateToRegister",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "children": "Register now",
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "14px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "calculator_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "textAlign": "center",
          "marginTop": "8px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "calculator_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "children": "Or use the "
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "13px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "calculator_link": {
        "type": "Typography.Link",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": "navigateToCalculator",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "children": "BMI Calculator"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "13px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "calculator_text_suffix": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "children": " without signing in"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "13px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "forgot_password_modal": {
        "type": "Modal",
        "label": null,
        "description": null,
        "bind": "state.forgotPasswordModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Reset Password",
          "open": "$state.forgotPasswordModalVisible",
          "footer": null,
          "destroyOnClose": true,
          "width": 420
        },
        "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
      },
      "forgot_password_description": {
        "type": "Typography.Paragraph",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "children": "Enter your email address and we'll send you a link to reset your password. The link will be valid for 1 hour."
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "forgot_password_success_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": "state.forgotPasswordSuccess",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "success",
          "showIcon": true,
          "message": "Password reset email sent!",
          "description": "If an account exists with this email, you will receive a password reset link shortly. Please check your inbox and spam folder."
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px",
          "display": "state.forgotPasswordSuccess ? 'block' : '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
      },
      "forgot_password_error_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": "state.forgotPasswordError",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "error",
          "showIcon": true,
          "message": "$bind"
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px",
          "display": "state.forgotPasswordError ? 'block' : '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
      },
      "forgot_password_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical",
          "name": "forgot_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
      },
      "reset_email_form_item": {
        "type": "Form.Item",
        "label": "Email Address",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "reset_email",
          "rules": [
            {
              "required": true,
              "message": "Please enter your email address"
            },
            {
              "type": "email",
              "message": "Please enter a valid 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
      },
      "reset_email_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter your registered email",
          "prefix": "MailOutlined",
          "allowClear": 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
      },
      "forgot_password_buttons": {
        "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": "flex-end",
          "gap": "8px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "cancel_reset_button": {
        "type": "Button",
        "label": "Cancel",
        "description": null,
        "bind": null,
        "onClick": "closeForgotPasswordModal",
        "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
      },
      "submit_reset_button": {
        "type": "Button",
        "label": "Send Reset Link",
        "description": null,
        "bind": null,
        "onClick": "submitForgotPassword",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "htmlType": "submit",
          "loading": "$state.forgotPasswordLoading"
        },
        "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": [
        "login_card",
        "forgot_password_modal"
      ],
      "login_card": [
        "card_header_section",
        "login_error_alert",
        "rate_limit_alert",
        "login_form",
        "divider",
        "register_section",
        "calculator_section"
      ],
      "card_header_section": [
        "app_logo_icon",
        "app_title",
        "login_subtitle"
      ],
      "login_form": [
        "email_form_item",
        "password_form_item",
        "remember_forgot_row",
        "login_button_form_item"
      ],
      "email_form_item": [
        "email_input"
      ],
      "password_form_item": [
        "password_input"
      ],
      "remember_forgot_row": [
        "remember_me_form_item",
        "forgot_password_link"
      ],
      "remember_me_form_item": [
        "remember_me_checkbox"
      ],
      "login_button_form_item": [
        "login_button"
      ],
      "register_section": [
        "register_text",
        "register_link"
      ],
      "calculator_section": [
        "calculator_text",
        "calculator_link",
        "calculator_text_suffix"
      ],
      "forgot_password_modal": [
        "forgot_password_description",
        "forgot_password_success_alert",
        "forgot_password_error_alert",
        "forgot_password_form"
      ],
      "forgot_password_form": [
        "reset_email_form_item",
        "forgot_password_buttons"
      ],
      "reset_email_form_item": [
        "reset_email_input"
      ],
      "forgot_password_buttons": [
        "cancel_reset_button",
        "submit_reset_button"
      ]
    },
    "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
      },
      "login_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
      },
      "card_header_section": {
        "type": "vertical",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "login_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
      },
      "remember_forgot_row": {
        "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
      },
      "register_section": {
        "type": "horizontal",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "calculator_section": {
        "type": "horizontal",
        "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
      },
      "forgot_password_modal": {
        "type": "vertical",
        "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
      },
      "forgot_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
      },
      "forgot_password_buttons": {
        "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
      }
    },
    "layout_zones": [
      {
        "zone_id": "login_center",
        "component": "login_card",
        "anchor": "center",
        "size_hint": "420px",
        "z_layer": "base",
        "notes": "Login card centered on page"
      },
      {
        "zone_id": "forgot_modal_overlay",
        "component": "forgot_password_modal",
        "anchor": "center",
        "size_hint": "420px",
        "z_layer": "overlay",
        "notes": "Forgot password 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
}