{
  "page_ir": {
    "page_id": "bmi_calculator",
    "page_goal": "Single-page BMI Calculator allowing users to input height/weight in metric or imperial units, calculate BMI, view results with category classification, reference table, calculation history, and educational information.",
    "style": {
      "tone": "friendly",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "health-focused green primary with category color coding"
    },
    "accessibility": {
      "required_labels": [
        "height_input",
        "weight_input",
        "unit_toggle",
        "calculate_button",
        "clear_button",
        "clear_history_button",
        "bmi_result_display",
        "history_list"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 992,
        "xl": 1200
      },
      "collapse_rules": [
        "form_inputs_stack_vertically_on_small",
        "history_cards_single_column_on_small"
      ],
      "hidden_on_small": [],
      "stack_on_small": []
    },
    "constraints": [
      "All calculations use metric internally",
      "BMI rounded to 1 decimal",
      "History max 50 entries",
      "localStorage persistence"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "bmiResult": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "calculations": {
        "type": "array",
        "initial": [],
        "required": false,
        "constraints": {
          "maxItems": 50
        },
        "item_type": null
      },
      "bmiCategories": {
        "type": "array",
        "initial": [],
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "isCalculating": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "showResult": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "confirmClearVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "infoCollapsed": {
        "type": "boolean",
        "initial": true,
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "sortedCalculations": {
        "type": "array",
        "expr": "state.calculations.slice().sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp))",
        "deps": []
      },
      "hasHistory": {
        "type": "boolean",
        "expr": "state.calculations.length > 0",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "8d5c590321704dee8ac003bc1051ff4d": {
        "endpoint_id": "8d5c590321704dee8ac003bc1051ff4d",
        "module": "BMI Management",
        "endpoint": "/bmi-management/bmi-categories",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 50,
          "offset": 0
        },
        "body": null,
        "fields": [
          "id",
          "name",
          "min_bmi",
          "max_bmi",
          "description",
          "color_code"
        ],
        "response_target": "bmiCategories",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "9f24617ff8064e54a3b558f35a9e2564": {
        "endpoint_id": "9f24617ff8064e54a3b558f35a9e2564",
        "module": "BMI Management",
        "endpoint": "/bmi-management/calculations",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 50,
          "offset": 0,
          "session_id": "$context.sessionId"
        },
        "body": null,
        "fields": [
          "id",
          "height",
          "weight",
          "height_unit",
          "weight_unit",
          "bmi_value",
          "bmi_category_id",
          "session_id",
          "timestamp",
          "bmi_category"
        ],
        "response_target": "calculations",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "1b22e3d6376d41c5b55c61059192c8c1": {
        "endpoint_id": "1b22e3d6376d41c5b55c61059192c8c1",
        "module": "BMI Management",
        "endpoint": "/bmi-management/calculations/calculate",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": {
          "height": "$form.height",
          "weight": "$form.weight",
          "height_unit": "$form.height_unit",
          "weight_unit": "$form.weight_unit",
          "session_id": "$context.sessionId"
        },
        "fields": [
          "id",
          "height",
          "weight",
          "height_unit",
          "weight_unit",
          "bmi_value",
          "bmi_category_id",
          "session_id",
          "timestamp",
          "bmi_category"
        ],
        "response_target": "bmiResult",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "18bd9da14a994b1fa3db00e1dff08afc": {
        "endpoint_id": "18bd9da14a994b1fa3db00e1dff08afc",
        "module": "BMI Management",
        "endpoint": "/bmi-management/calculations/session/{session_id}",
        "method": "DELETE",
        "path_params": {
          "session_id": "$context.sessionId"
        },
        "query_params": {},
        "body": null,
        "fields": [],
        "response_target": "clearSessionHistory_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "calculation": {
        "name": "Calculation",
        "backend_module": "BMI Management",
        "fields": [
          "id",
          "height",
          "weight",
          "height_unit",
          "weight_unit",
          "bmi_value",
          "bmi_category_id",
          "session_id",
          "timestamp",
          "created_at",
          "updated_at",
          "bmi_category"
        ],
        "computed": [],
        "display_fields": [
          "height",
          "weight",
          "height_unit",
          "weight_unit",
          "bmi_value",
          "timestamp",
          "bmi_category"
        ],
        "search_fields": [],
        "filters": [
          "session_id"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "bmi_category": {
        "name": "BMICategory",
        "backend_module": "BMI Management",
        "fields": [
          "id",
          "name",
          "min_bmi",
          "max_bmi",
          "description",
          "color_code",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "name",
          "min_bmi",
          "max_bmi",
          "description",
          "color_code"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onUnitSystemChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "context.unitSystem",
            "expr": "event.value"
          }
        ],
        "description": ""
      },
      "onResultReceived": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.showResult",
            "expr": "true"
          },
          {
            "target": "state.isCalculating",
            "expr": "false"
          }
        ],
        "description": ""
      },
      "onToggleInfo": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.infoCollapsed",
            "expr": "!state.infoCollapsed"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "1b22e3d6376d41c5b55c61059192c8c1": {
        "action_id": "1b22e3d6376d41c5b55c61059192c8c1",
        "trigger": "form_submit",
        "target_component_id": "calculate_button",
        "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\": \"height\", \"message\": \"Height is required\", \"rule_id\": \"val_height_required\", \"type\": \"required\"}",
            "message": "{\"field\": \"height\", \"message\": \"Height is required\", \"rule_id\": \"val_height_required\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"weight\", \"message\": \"Weight is required\", \"rule_id\": \"val_weight_required\", \"type\": \"required\"}",
            "message": "{\"field\": \"weight\", \"message\": \"Weight is required\", \"rule_id\": \"val_weight_required\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"height\", \"message\": \"Height must be a positive number\", \"rule_id\": \"val_height_min\", \"type\": \"min\", \"value\": 1}",
            "message": "{\"field\": \"height\", \"message\": \"Height must be a positive number\", \"rule_id\": \"val_height_min\", \"type\": \"min\", \"value\": 1}"
          },
          {
            "rule_id": "val_3",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"weight\", \"message\": \"Weight must be a positive number\", \"rule_id\": \"val_weight_min\", \"type\": \"min\", \"value\": 1}",
            "message": "{\"field\": \"weight\", \"message\": \"Weight must be a positive number\", \"rule_id\": \"val_weight_min\", \"type\": \"min\", \"value\": 1}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.isCalculating",
            "expr": "true"
          },
          {
            "target": "state.showResult",
            "expr": "true"
          }
        ],
        "api_endpoint": "1b22e3d6376d41c5b55c61059192c8c1",
        "api_body": "{ height: form.height, weight: form.weight, height_unit: appContext.unitSystem === 'metric' ? 'CM' : 'INCHES', weight_unit: appContext.unitSystem === 'metric' ? 'KG' : 'LBS', session_id: appContext.sessionId }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "BMI calculated successfully!",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchHistory"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "48742891ce444b0386ec2fac034852b8": {
        "action_id": "48742891ce444b0386ec2fac034852b8",
        "trigger": "button_click",
        "target_component_id": "clear_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.showResult",
            "expr": "false"
          },
          {
            "target": "state.bmiResult",
            "expr": "null"
          }
        ],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "reset_state",
            "config": {
              "target": "bmi_form"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "7498d2c6fce945f89dd202e020802c07": {
        "action_id": "7498d2c6fce945f89dd202e020802c07",
        "trigger": "button_click",
        "target_component_id": "clear_history_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.confirmClearVisible",
            "expr": "true"
          }
        ],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "modal_open",
            "config": {
              "modal_id": "confirm_clear_modal"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "171b2aa0edf243fc80802df6c58453bb": {
        "action_id": "171b2aa0edf243fc80802df6c58453bb",
        "trigger": "button_click",
        "target_component_id": "confirm_clear_ok_button",
        "operation": "delete",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.calculations",
            "expr": "[]"
          },
          {
            "target": "state.confirmClearVisible",
            "expr": "false"
          }
        ],
        "api_endpoint": "18bd9da14a994b1fa3db00e1dff08afc",
        "api_body": null,
        "side_effects": [
          {
            "type": "modal_close",
            "config": {
              "modal_id": "confirm_clear_modal"
            }
          },
          {
            "type": "toast",
            "config": {
              "message": "History cleared successfully",
              "type": "success"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "b33ea066e8d04f2ab0f37995961da55e": {
        "action_id": "b33ea066e8d04f2ab0f37995961da55e",
        "trigger": "button_click",
        "target_component_id": "confirm_clear_cancel_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.confirmClearVisible",
            "expr": "false"
          }
        ],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "modal_close",
            "config": {
              "modal_id": "confirm_clear_modal"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "1b22e3d6376d41c5b55c61059192c8c1": {
        "action_id": "1b22e3d6376d41c5b55c61059192c8c1",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "BMI calculated successfully!",
        "error_message": "Failed to calculate BMI. Please check your inputs.",
        "ui_updates": []
      },
      "171b2aa0edf243fc80802df6c58453bb": {
        "action_id": "171b2aa0edf243fc80802df6c58453bb",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "History cleared successfully",
        "error_message": "Failed to clear history",
        "ui_updates": []
      },
      "48742891ce444b0386ec2fac034852b8": {
        "action_id": "48742891ce444b0386ec2fac034852b8",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "7498d2c6fce945f89dd202e020802c07": {
        "action_id": "7498d2c6fce945f89dd202e020802c07",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "b33ea066e8d04f2ab0f37995961da55e": {
        "action_id": "b33ea066e8d04f2ab0f37995961da55e",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      }
    }
  },
  "component_ir": {
    "library": "antd",
    "theme": {
      "primaryColor": "#2ecc71",
      "secondaryColor": "#27ae60",
      "successColor": null,
      "warningColor": null,
      "errorColor": null,
      "fontFamily": "sans-serif",
      "fontSize": null,
      "borderRadius": 8
    },
    "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%",
          "padding": "24px",
          "maxWidth": "900px",
          "margin": "0 auto"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_title": {
        "type": "Typography.Title",
        "label": "BMI Calculator",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 2
        },
        "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
      },
      "page_subtitle": {
        "type": "Typography.Text",
        "label": "Calculate your Body Mass Index and track your health",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "textAlign": "center",
          "display": "block",
          "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
      },
      "input_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Calculate Your BMI"
        },
        "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
      },
      "unit_toggle": {
        "type": "Radio.Group",
        "label": "Unit System",
        "description": null,
        "bind": "appContext.unitSystem",
        "onClick": "onUnitSystemChange",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "optionType": "button",
          "buttonStyle": "solid",
          "options": [
            {
              "label": "Metric (cm/kg)",
              "value": "metric"
            },
            {
              "label": "Imperial (ft-in/lbs)",
              "value": "imperial"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px",
          "display": "block"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "bmi_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical",
          "name": "bmi_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
      },
      "height_input_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "gap": "16px",
          "flexWrap": "wrap"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "height_input": {
        "type": "Form.Item",
        "label": "Height",
        "description": null,
        "bind": "height",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "height",
          "rules": [
            {
              "required": true,
              "message": "Please enter your height"
            },
            {
              "type": "number",
              "min": 1,
              "message": "Height must be positive"
            }
          ],
          "tooltip": "Enter height in cm (metric) or inches (imperial)"
        },
        "dynamic_props": {},
        "styles": {
          "flex": "1",
          "minWidth": "200px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "height_number_input": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": "height",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "e.g. 170 cm or 67 inches",
          "min": 1,
          "max": 300,
          "step": 0.1,
          "style": {
            "width": "100%"
          },
          "addonAfter": "cm / in"
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "weight_input": {
        "type": "Form.Item",
        "label": "Weight",
        "description": null,
        "bind": "weight",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "weight",
          "rules": [
            {
              "required": true,
              "message": "Please enter your weight"
            },
            {
              "type": "number",
              "min": 1,
              "message": "Weight must be positive"
            }
          ],
          "tooltip": "Enter weight in kg (metric) or lbs (imperial)"
        },
        "dynamic_props": {},
        "styles": {
          "flex": "1",
          "minWidth": "200px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "weight_number_input": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": "weight",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "e.g. 70 kg or 154 lbs",
          "min": 1,
          "max": 500,
          "step": 0.1,
          "style": {
            "width": "100%"
          },
          "addonAfter": "kg / lbs"
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "button_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "gap": "12px",
          "marginTop": "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
      },
      "calculate_button": {
        "type": "Button",
        "label": "Calculate BMI",
        "description": null,
        "bind": null,
        "onClick": "calculateBmi",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "size": "large",
          "htmlType": "submit",
          "icon": "CalculatorOutlined"
        },
        "dynamic_props": {},
        "styles": {
          "flex": "1"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "clear_button": {
        "type": "Button",
        "label": "Clear",
        "description": null,
        "bind": null,
        "onClick": "clearForm",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "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
      },
      "result_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Your BMI Result"
        },
        "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
      },
      "result_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "textAlign": "center",
          "padding": "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
      },
      "bmi_value_display": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": "state.bmiResult.bmi_value",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 1
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "48px",
          "marginBottom": "8px",
          "color": "#2ecc71"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "bmi_category_badge": {
        "type": "Tag",
        "label": null,
        "description": null,
        "bind": "state.bmiResult.bmi_category.name",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "color": "green",
          "style": {
            "fontSize": "16px",
            "padding": "4px 16px"
          }
        },
        "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
      },
      "bmi_gauge_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginTop": "16px",
          "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
      },
      "bmi_gauge_bar": {
        "type": "Progress",
        "label": "BMI Scale",
        "description": null,
        "bind": "state.bmiResult.bmi_value",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "percent": 50,
          "showInfo": false,
          "strokeColor": {
            "from": "#3498db",
            "to": "#e74c3c"
          },
          "size": "default"
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "gauge_labels": {
        "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",
          "fontSize": "12px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "gauge_label_underweight": {
        "type": "Typography.Text",
        "label": "Underweight (<18.5)",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "color": "#3498db"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "gauge_label_normal": {
        "type": "Typography.Text",
        "label": "Normal (18.5-24.9)",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "color": "#2ecc71"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "gauge_label_overweight": {
        "type": "Typography.Text",
        "label": "Overweight (25-29.9)",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "color": "#f39c12"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "gauge_label_obese": {
        "type": "Typography.Text",
        "label": "Obese (≥30)",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "color": "#e74c3c"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "health_info_text": {
        "type": "Typography.Paragraph",
        "label": null,
        "description": null,
        "bind": "state.bmiResult.bmi_category.description",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginTop": "16px",
          "textAlign": "left"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "disclaimer_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "message": "Disclaimer",
          "description": "BMI is a general indicator and does not account for muscle mass, bone density, or overall body composition. Please consult a healthcare professional for personalized health advice.",
          "type": "info",
          "showIcon": true
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "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
      },
      "category_reference_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "BMI Category Reference"
        },
        "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
      },
      "category_table": {
        "type": "Table",
        "label": null,
        "description": null,
        "bind": "state.bmiCategories",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "pagination": false,
          "size": "small",
          "columns": [
            {
              "title": "Category",
              "dataIndex": "name",
              "key": "name"
            },
            {
              "title": "BMI Range",
              "dataIndex": "range",
              "key": "range"
            },
            {
              "title": "Color",
              "dataIndex": "color_code",
              "key": "color_code"
            }
          ]
        },
        "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
      },
      "history_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Calculation History"
        },
        "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
      },
      "history_header": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "alignItems": "center",
          "marginBottom": "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
      },
      "history_title": {
        "type": "Typography.Text",
        "label": "Past Calculations",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": 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
      },
      "clear_history_button": {
        "type": "Button",
        "label": "Clear History",
        "description": null,
        "bind": null,
        "onClick": "showClearConfirm",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "danger": true,
          "size": "small",
          "icon": "DeleteOutlined"
        },
        "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
      },
      "history_list": {
        "type": "List",
        "label": null,
        "description": null,
        "bind": "derived.sortedCalculations",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small",
          "bordered": true,
          "locale": {
            "emptyText": "No calculations yet. Calculate your BMI to see history here."
          }
        },
        "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
      },
      "history_empty_state": {
        "type": "Empty",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "description": "No calculations yet. Calculate your BMI to see history here."
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "info_collapse_card": {
        "type": "Collapse",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "items": [
            {
              "key": "bmi_info",
              "label": "BMI Information & Guidelines",
              "children": "bmi_info_content"
            }
          ],
          "bordered": true
        },
        "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
      },
      "bmi_info_content": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "padding": "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
      },
      "info_formula_title": {
        "type": "Typography.Title",
        "label": "BMI Formula",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 5
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "info_formula_text": {
        "type": "Typography.Paragraph",
        "label": "BMI = Weight (kg) ÷ Height (m)². For imperial units, the formula is: BMI = (Weight in lbs × 703) ÷ (Height in inches)².",
        "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
      },
      "info_categories_title": {
        "type": "Typography.Title",
        "label": "Category Ranges (WHO Standards)",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 5
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "12px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "info_categories_text": {
        "type": "Typography.Paragraph",
        "label": "Underweight: BMI < 18.5 | Normal weight: 18.5–24.9 | Overweight: 25.0–29.9 | Obese: BMI ≥ 30.0",
        "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
      },
      "info_limitations_title": {
        "type": "Typography.Title",
        "label": "Limitations of BMI",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 5
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "12px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "info_limitations_text": {
        "type": "Typography.Paragraph",
        "label": "BMI does not distinguish between muscle and fat mass. Athletes may have a high BMI due to muscle. BMI may not be accurate for elderly, pregnant women, or growing children. It does not account for bone density, ethnicity, or fat distribution.",
        "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
      },
      "info_measurement_title": {
        "type": "Typography.Title",
        "label": "Measurement Guidelines",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 5
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "12px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "info_measurement_text": {
        "type": "Typography.Paragraph",
        "label": "Measure height without shoes, standing straight against a wall. Weigh yourself in the morning before eating, wearing light clothing. Use consistent units for accurate tracking over time.",
        "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_clear_modal": {
        "type": "Modal",
        "label": null,
        "description": null,
        "bind": "state.confirmClearVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Clear Calculation History",
          "okText": "Yes, Clear All",
          "cancelText": "Cancel",
          "okButtonProps": {
            "danger": 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
      },
      "confirm_clear_content": {
        "type": "Typography.Paragraph",
        "label": "Are you sure you want to clear all calculation history? This action cannot be undone.",
        "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_clear_ok_button": {
        "type": "Button",
        "label": "Yes, Clear All",
        "description": null,
        "bind": null,
        "onClick": "confirmClearHistory",
        "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
      },
      "confirm_clear_cancel_button": {
        "type": "Button",
        "label": "Cancel",
        "description": null,
        "bind": null,
        "onClick": "cancelClearHistory",
        "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
      }
    }
  },
  "layout_ir": {
    "root": "main_container",
    "children": {
      "main_container": [
        "page_title",
        "page_subtitle",
        "input_card",
        "result_card",
        "category_reference_card",
        "history_card",
        "info_collapse_card",
        "confirm_clear_modal"
      ],
      "input_card": [
        "unit_toggle",
        "bmi_form"
      ],
      "bmi_form": [
        "height_input_row",
        "button_row"
      ],
      "height_input_row": [
        "height_input",
        "weight_input"
      ],
      "height_input": [
        "height_number_input"
      ],
      "weight_input": [
        "weight_number_input"
      ],
      "button_row": [
        "calculate_button",
        "clear_button"
      ],
      "result_card": [
        "result_container"
      ],
      "result_container": [
        "bmi_value_display",
        "bmi_category_badge",
        "bmi_gauge_container",
        "health_info_text",
        "disclaimer_alert"
      ],
      "bmi_gauge_container": [
        "bmi_gauge_bar",
        "gauge_labels"
      ],
      "gauge_labels": [
        "gauge_label_underweight",
        "gauge_label_normal",
        "gauge_label_overweight",
        "gauge_label_obese"
      ],
      "category_reference_card": [
        "category_table"
      ],
      "history_card": [
        "history_header",
        "history_list"
      ],
      "history_header": [
        "history_title",
        "clear_history_button"
      ],
      "info_collapse_card": [
        "bmi_info_content"
      ],
      "bmi_info_content": [
        "info_formula_title",
        "info_formula_text",
        "info_categories_title",
        "info_categories_text",
        "info_limitations_title",
        "info_limitations_text",
        "info_measurement_title",
        "info_measurement_text"
      ],
      "confirm_clear_modal": [
        "confirm_clear_content",
        "confirm_clear_ok_button",
        "confirm_clear_cancel_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
      },
      "input_card": {
        "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
      },
      "bmi_form": {
        "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
      },
      "height_input_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "button_row": {
        "type": "horizontal",
        "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
      },
      "result_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
      },
      "result_container": {
        "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
      },
      "bmi_gauge_container": {
        "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
      },
      "gauge_labels": {
        "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
      },
      "category_reference_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
      },
      "history_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
      },
      "history_header": {
        "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
      },
      "bmi_info_content": {
        "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
      },
      "confirm_clear_modal": {
        "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
      }
    },
    "layout_zones": [
      {
        "zone_id": "main_zone",
        "component": "main_container",
        "anchor": "center",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Main page container centered with max-width"
      },
      {
        "zone_id": "modal_zone",
        "component": "confirm_clear_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Confirmation 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
}