{
  "page_ir": {
    "page_id": "calculator",
    "page_goal": "Primary BMI calculator page allowing users to input height and weight in metric or imperial units, calculate BMI, view results with category color coding, health risk, recommendations, and a visual gauge. Logged-in users can save calculations with notes and see comparison to last calculation.",
    "style": {
      "tone": "friendly",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "health-focused with category color coding"
    },
    "accessibility": {
      "required_labels": [
        "Height input",
        "Weight input",
        "Unit toggle",
        "Calculate BMI button",
        "Reset button",
        "BMI result display",
        "Notes input"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "xs": 320,
        "sm": 576,
        "md": 768,
        "lg": 992,
        "xl": 1200
      },
      "collapse_rules": [
        "Stack form and result vertically on screens below md",
        "Full-width card on xs/sm"
      ],
      "hidden_on_small": [],
      "stack_on_small": []
    },
    "constraints": [
      "Height must be between 50-300 cm (or 1.6-9.8 feet)",
      "Weight must be between 10-500 kg (or 22-1100 lbs)",
      "BMI rounded to one decimal place",
      "Anonymous users cannot save calculations"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "calculationResult": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {
          "description": "Result object from POST /bmi/calculate containing bmi_value, bmi_category, color_code, health_risk, recommendations, etc."
        },
        "item_type": null
      },
      "lastCalculation": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {
          "description": "Last saved BMI calculation for logged-in user comparison"
        },
        "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
      }
    },
    "derived": {
      "isLoggedIn": {
        "type": "boolean",
        "expr": "appContext.currentUser !== null",
        "deps": []
      },
      "activeUnit": {
        "type": "string",
        "expr": "appContext.preferredUnit || 'metric'",
        "deps": []
      },
      "bmiDifference": {
        "type": "number",
        "expr": "state.calculationResult && state.lastCalculation ? (state.calculationResult.bmi_value - state.lastCalculation.bmi_value).toFixed(1) : null",
        "deps": []
      },
      "categoryColor": {
        "type": "string",
        "expr": "state.calculationResult ? state.calculationResult.color_code || (state.calculationResult.bmi_category === 'Underweight' ? '#1890ff' : state.calculationResult.bmi_category === 'Normal' ? '#52c41a' : state.calculationResult.bmi_category === 'Overweight' ? '#fa8c16' : '#f5222d') : '#d9d9d9'",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "7cd6cc9e5d3d45b9b86ccefb17d37e7f": {
        "endpoint_id": "7cd6cc9e5d3d45b9b86ccefb17d37e7f",
        "module": "BMI Calculation",
        "endpoint": "/bmi/calculations",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "user_id": "$appContext.currentUser?.userId",
          "is_deleted": false,
          "limit": 1,
          "offset": 0
        },
        "body": null,
        "fields": [
          "bmi_value",
          "bmi_category",
          "height_cm",
          "weight_kg",
          "calculated_at",
          "unit"
        ],
        "response_target": "lastCalculation",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "0ec93fb464de4dbc807bd121eeb32961": {
        "endpoint_id": "0ec93fb464de4dbc807bd121eeb32961",
        "module": "BMI Calculation",
        "endpoint": "/bmi/calculate",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": {
          "height_cm": "$form.height_cm",
          "weight_kg": "$form.weight_kg",
          "unit": "$derived.activeUnit === 'metric' ? 'METRIC' : 'IMPERIAL'",
          "user_id": "$appContext.currentUser?.userId || null",
          "notes": "$form.notes || null"
        },
        "fields": [
          "bmi_value",
          "bmi_category",
          "category_id",
          "height_cm",
          "weight_kg",
          "unit",
          "color_code",
          "health_risk",
          "recommendations",
          "calculation_id",
          "calculated_at"
        ],
        "response_target": "calculationResult",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "750c7f676766406894127ce36c84add5": {
        "endpoint_id": "750c7f676766406894127ce36c84add5",
        "module": "BMI Calculation",
        "endpoint": "/bmi/calculations",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": {
          "height_cm": "$form.height_cm",
          "weight_kg": "$form.weight_kg",
          "unit": "$derived.activeUnit === 'metric' ? 'METRIC' : 'IMPERIAL'",
          "notes": "$form.notes || null",
          "user_id": "$appContext.currentUser?.userId"
        },
        "fields": [
          "id",
          "calculation_id",
          "bmi_value",
          "bmi_category",
          "height_cm",
          "weight_kg",
          "unit",
          "calculated_at",
          "notes"
        ],
        "response_target": "lastCalculation",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "bmiCalculation": {
        "name": "BMI Calculation",
        "backend_module": "BMI Calculation",
        "fields": [
          "id",
          "calculation_id",
          "user_id",
          "height_cm",
          "weight_kg",
          "bmi_value",
          "bmi_category",
          "category_id",
          "unit",
          "calculated_at",
          "notes",
          "is_deleted",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "bmi_value",
          "bmi_category",
          "height_cm",
          "weight_kg",
          "calculated_at",
          "notes"
        ],
        "search_fields": [],
        "filters": [
          "user_id",
          "is_deleted"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "bmiCalculationResult": {
        "name": "BMI Calculation Result",
        "backend_module": "BMI Calculation",
        "fields": [
          "bmi_value",
          "bmi_category",
          "category_id",
          "height_cm",
          "weight_kg",
          "unit",
          "color_code",
          "health_risk",
          "recommendations",
          "calculation_id",
          "calculated_at"
        ],
        "computed": [],
        "display_fields": [
          "bmi_value",
          "bmi_category",
          "health_risk",
          "recommendations",
          "color_code"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onUnitToggle": {
        "type": "mutation",
        "updates": [
          {
            "target": "appContext.preferredUnit",
            "expr": "appContext.preferredUnit === 'metric' ? 'imperial' : 'metric'"
          },
          {
            "target": "state.showResult",
            "expr": "false"
          },
          {
            "target": "state.calculationResult",
            "expr": "null"
          }
        ],
        "description": ""
      },
      "onResetForm": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.calculationResult",
            "expr": "null"
          },
          {
            "target": "state.showResult",
            "expr": "false"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "0ec93fb464de4dbc807bd121eeb32961": {
        "action_id": "0ec93fb464de4dbc807bd121eeb32961",
        "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": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"height_cm\", \"message\": \"Height is required\", \"rule_id\": \"val_height_metric\", \"type\": \"required\"}",
            "message": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"height_cm\", \"message\": \"Height is required\", \"rule_id\": \"val_height_metric\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"height_cm\", \"message\": \"Height must be at least 50 cm\", \"rule_id\": \"val_height_min\", \"type\": \"min\", \"value\": 50}",
            "message": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"height_cm\", \"message\": \"Height must be at least 50 cm\", \"rule_id\": \"val_height_min\", \"type\": \"min\", \"value\": 50}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"height_cm\", \"message\": \"Height must not exceed 300 cm\", \"rule_id\": \"val_height_max\", \"type\": \"max\", \"value\": 300}",
            "message": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"height_cm\", \"message\": \"Height must not exceed 300 cm\", \"rule_id\": \"val_height_max\", \"type\": \"max\", \"value\": 300}"
          },
          {
            "rule_id": "val_3",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"derived.activeUnit === 'imperial'\", \"field\": \"feet\", \"message\": \"Feet is required\", \"rule_id\": \"val_feet_required\", \"type\": \"required\"}",
            "message": "{\"condition\": \"derived.activeUnit === 'imperial'\", \"field\": \"feet\", \"message\": \"Feet is required\", \"rule_id\": \"val_feet_required\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_4",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"weight_kg\", \"message\": \"Weight is required\", \"rule_id\": \"val_weight_metric\", \"type\": \"required\"}",
            "message": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"weight_kg\", \"message\": \"Weight is required\", \"rule_id\": \"val_weight_metric\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_5",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"weight_kg\", \"message\": \"Weight must be at least 10 kg\", \"rule_id\": \"val_weight_min\", \"type\": \"min\", \"value\": 10}",
            "message": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"weight_kg\", \"message\": \"Weight must be at least 10 kg\", \"rule_id\": \"val_weight_min\", \"type\": \"min\", \"value\": 10}"
          },
          {
            "rule_id": "val_6",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"weight_kg\", \"message\": \"Weight must not exceed 500 kg\", \"rule_id\": \"val_weight_max\", \"type\": \"max\", \"value\": 500}",
            "message": "{\"condition\": \"derived.activeUnit === 'metric'\", \"field\": \"weight_kg\", \"message\": \"Weight must not exceed 500 kg\", \"rule_id\": \"val_weight_max\", \"type\": \"max\", \"value\": 500}"
          },
          {
            "rule_id": "val_7",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"condition\": \"derived.activeUnit === 'imperial'\", \"field\": \"weight_lbs\", \"message\": \"Weight is required\", \"rule_id\": \"val_weight_imperial\", \"type\": \"required\"}",
            "message": "{\"condition\": \"derived.activeUnit === 'imperial'\", \"field\": \"weight_lbs\", \"message\": \"Weight is required\", \"rule_id\": \"val_weight_imperial\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.showResult",
            "expr": "true"
          },
          {
            "target": "state.isCalculating",
            "expr": "false"
          }
        ],
        "api_endpoint": "0ec93fb464de4dbc807bd121eeb32961",
        "api_body": "{ height_cm: formValues.height_cm || (formValues.feet * 30.48 + (formValues.inches || 0) * 2.54), weight_kg: formValues.weight_kg || (formValues.weight_lbs * 0.453592), unit: derived.activeUnit === 'metric' ? 'METRIC' : 'IMPERIAL', user_id: appContext.currentUser?.userId || null, notes: formValues.notes || null }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "BMI calculated successfully!",
              "type": "success"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "ae5a3a9fcc974239a95bdf6c54917b5e": {
        "action_id": "ae5a3a9fcc974239a95bdf6c54917b5e",
        "trigger": "button_click",
        "target_component_id": "calculate_save_button",
        "operation": "create",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"height_cm\", \"message\": \"Height is required\", \"rule_id\": \"val_save_height\", \"type\": \"required\"}",
            "message": "{\"field\": \"height_cm\", \"message\": \"Height is required\", \"rule_id\": \"val_save_height\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"weight_kg\", \"message\": \"Weight is required\", \"rule_id\": \"val_save_weight\", \"type\": \"required\"}",
            "message": "{\"field\": \"weight_kg\", \"message\": \"Weight is required\", \"rule_id\": \"val_save_weight\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.showResult",
            "expr": "true"
          },
          {
            "target": "state.isCalculating",
            "expr": "false"
          }
        ],
        "api_endpoint": "750c7f676766406894127ce36c84add5",
        "api_body": "{ height_cm: formValues.height_cm || (formValues.feet * 30.48 + (formValues.inches || 0) * 2.54), weight_kg: formValues.weight_kg || (formValues.weight_lbs * 0.453592), unit: derived.activeUnit === 'metric' ? 'METRIC' : 'IMPERIAL', notes: formValues.notes || null, user_id: appContext.currentUser.userId }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "BMI calculated and saved to your history!",
              "type": "success"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "db1eb12aa05a4dfab08b4f3258e86cd7": {
        "action_id": "db1eb12aa05a4dfab08b4f3258e86cd7",
        "trigger": "button_click",
        "target_component_id": "reset_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.calculationResult",
            "expr": "null"
          },
          {
            "target": "state.showResult",
            "expr": "false"
          }
        ],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "reset_state",
            "config": {
              "target": "bmi_form"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "e69c2eab0c1c4334b0cd93c14cc69d44": {
        "action_id": "e69c2eab0c1c4334b0cd93c14cc69d44",
        "trigger": "button_click",
        "target_component_id": "register_prompt_button",
        "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
      },
      "a5fbbb3b8adc4c96ad5f1777a9d01063": {
        "action_id": "a5fbbb3b8adc4c96ad5f1777a9d01063",
        "trigger": "button_click",
        "target_component_id": "view_history_button",
        "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": "/history"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "20390a27314e49059df515eb28dc2d2a": {
        "action_id": "20390a27314e49059df515eb28dc2d2a",
        "trigger": "button_click",
        "target_component_id": "login_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": "/login"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "8ea1a1d298d04c19b387a4592a5629b3": {
        "action_id": "8ea1a1d298d04c19b387a4592a5629b3",
        "trigger": "button_click",
        "target_component_id": "dashboard_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": "/dashboard"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "0ec93fb464de4dbc807bd121eeb32961": {
        "action_id": "0ec93fb464de4dbc807bd121eeb32961",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "BMI calculated successfully!",
        "error_message": "Failed to calculate BMI. Please check your inputs.",
        "ui_updates": []
      },
      "ae5a3a9fcc974239a95bdf6c54917b5e": {
        "action_id": "ae5a3a9fcc974239a95bdf6c54917b5e",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "BMI calculated and saved!",
        "error_message": "Failed to save calculation. Please try again.",
        "ui_updates": []
      },
      "db1eb12aa05a4dfab08b4f3258e86cd7": {
        "action_id": "db1eb12aa05a4dfab08b4f3258e86cd7",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": "Calculator reset.",
        "error_message": null,
        "ui_updates": []
      },
      "e69c2eab0c1c4334b0cd93c14cc69d44": {
        "action_id": "e69c2eab0c1c4334b0cd93c14cc69d44",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "a5fbbb3b8adc4c96ad5f1777a9d01063": {
        "action_id": "a5fbbb3b8adc4c96ad5f1777a9d01063",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "20390a27314e49059df515eb28dc2d2a": {
        "action_id": "20390a27314e49059df515eb28dc2d2a",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "8ea1a1d298d04c19b387a4592a5629b3": {
        "action_id": "8ea1a1d298d04c19b387a4592a5629b3",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      }
    }
  },
  "component_ir": {
    "library": "antd",
    "theme": {
      "primaryColor": "#1677ff",
      "secondaryColor": "#52c41a",
      "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%",
          "background": "linear-gradient(135deg, #f0f5ff 0%, #e6fffb 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
      },
      "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": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_title": {
        "type": "Typography.Title",
        "label": "BMI Calculator",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 2
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "4px"
        },
        "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 quickly and easily",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_links": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "middle"
        },
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "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
      },
      "dashboard_link": {
        "type": "Button",
        "label": "Dashboard",
        "description": null,
        "bind": null,
        "onClick": "navigateToDashboard",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link",
          "size": "small"
        },
        "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_link": {
        "type": "Button",
        "label": "Login",
        "description": null,
        "bind": null,
        "onClick": "navigateToLogin",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link",
          "size": "small"
        },
        "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
      },
      "content_row": {
        "type": "Row",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "gutter": [
            24,
            24
          ],
          "justify": "center"
        },
        "dynamic_props": {},
        "styles": {
          "maxWidth": "1200px",
          "margin": "0 auto",
          "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
      },
      "form_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 24,
          "md": 12,
          "lg": 10
        },
        "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
      },
      "calculator_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Enter Your Measurements",
          "bordered": true
        },
        "dynamic_props": {},
        "styles": {
          "borderRadius": "8px",
          "boxShadow": "0 2px 8px 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
      },
      "unit_toggle_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginBottom": "20px",
          "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
      },
      "unit_toggle_label": {
        "type": "Typography.Text",
        "label": "Unit System",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "marginRight": "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
      },
      "unit_toggle": {
        "type": "Radio.Group",
        "label": null,
        "description": null,
        "bind": "derived.activeUnit",
        "onClick": "onUnitToggle",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "optionType": "button",
          "buttonStyle": "solid",
          "options": [
            {
              "label": "Metric (cm/kg)",
              "value": "metric"
            },
            {
              "label": "Imperial (ft/lbs)",
              "value": "imperial"
            }
          ]
        },
        "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
      },
      "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",
          "requiredMark": 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
      },
      "height_metric_field": {
        "type": "Form.Item",
        "label": "Height (cm)",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "height_cm",
          "rules": [
            {
              "required": true,
              "message": "Please enter your height"
            },
            {
              "type": "number",
              "min": 50,
              "max": 300,
              "message": "Height must be between 50 and 300 cm"
            }
          ],
          "visibleCondition": "derived.activeUnit === 'metric'"
        },
        "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_cm_input": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": "form.height_cm",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter height in cm",
          "min": 50,
          "max": 300,
          "step": 1,
          "style": {
            "width": "100%"
          },
          "addonAfter": "cm"
        },
        "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
      },
      "height_imperial_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "visibleCondition": "derived.activeUnit === 'imperial'"
        },
        "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_imperial_row": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "middle",
          "direction": "horizontal"
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%",
          "display": "flex"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "feet_field": {
        "type": "Form.Item",
        "label": "Feet",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "feet",
          "rules": [
            {
              "required": true,
              "message": "Feet required"
            }
          ]
        },
        "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
      },
      "feet_input": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": "form.feet",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Feet",
          "min": 1,
          "max": 9,
          "step": 1,
          "addonAfter": "ft"
        },
        "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
      },
      "inches_field": {
        "type": "Form.Item",
        "label": "Inches",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "inches",
          "rules": [
            {
              "required": false
            }
          ]
        },
        "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
      },
      "inches_input": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": "form.inches",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Inches",
          "min": 0,
          "max": 11,
          "step": 1,
          "addonAfter": "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_metric_field": {
        "type": "Form.Item",
        "label": "Weight (kg)",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "weight_kg",
          "rules": [
            {
              "required": true,
              "message": "Please enter your weight"
            },
            {
              "type": "number",
              "min": 10,
              "max": 500,
              "message": "Weight must be between 10 and 500 kg"
            }
          ],
          "visibleCondition": "derived.activeUnit === 'metric'"
        },
        "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
      },
      "weight_kg_input": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": "form.weight_kg",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter weight in kg",
          "min": 10,
          "max": 500,
          "step": 0.1,
          "precision": 1,
          "addonAfter": "kg"
        },
        "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_imperial_field": {
        "type": "Form.Item",
        "label": "Weight (lbs)",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "weight_lbs",
          "rules": [
            {
              "required": true,
              "message": "Please enter your weight"
            },
            {
              "type": "number",
              "min": 22,
              "max": 1100,
              "message": "Weight must be between 22 and 1100 lbs"
            }
          ],
          "visibleCondition": "derived.activeUnit === 'imperial'"
        },
        "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
      },
      "weight_lbs_input": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": "form.weight_lbs",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter weight in lbs",
          "min": 22,
          "max": 1100,
          "step": 0.1,
          "precision": 1,
          "addonAfter": "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
      },
      "notes_field": {
        "type": "Form.Item",
        "label": "Notes (optional)",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "notes",
          "visibleCondition": "derived.isLoggedIn"
        },
        "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
      },
      "notes_input": {
        "type": "Input.TextArea",
        "label": null,
        "description": null,
        "bind": "form.notes",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "e.g., morning weight, after workout...",
          "rows": 2,
          "maxLength": 200,
          "showCount": 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
      },
      "button_group": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "middle",
          "direction": "horizontal"
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%",
          "display": "flex",
          "justifyContent": "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
      },
      "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",
          "loading": "state.isCalculating",
          "visibleCondition": "!derived.isLoggedIn"
        },
        "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
      },
      "calculate_save_button": {
        "type": "Button",
        "label": "Calculate & Save",
        "description": null,
        "bind": null,
        "onClick": "calculateAndSave",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "size": "large",
          "htmlType": "submit",
          "icon": "SaveOutlined",
          "loading": "state.isCalculating",
          "visibleCondition": "derived.isLoggedIn"
        },
        "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_button": {
        "type": "Button",
        "label": "Reset",
        "description": null,
        "bind": null,
        "onClick": "resetCalculator",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "large",
          "icon": "ClearOutlined"
        },
        "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_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 24,
          "md": 12,
          "lg": 10
        },
        "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",
          "bordered": true,
          "visibleCondition": "state.showResult && state.calculationResult"
        },
        "dynamic_props": {},
        "styles": {
          "borderRadius": "8px",
          "boxShadow": "0 2px 8px 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
      },
      "bmi_value_display": {
        "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 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
      },
      "bmi_number": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": "state.calculationResult.bmi_value",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 1,
          "style_expr": "{ color: derived.categoryColor }"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "64px",
          "marginBottom": "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
      },
      "bmi_category_tag": {
        "type": "Tag",
        "label": null,
        "description": null,
        "bind": "state.calculationResult.bmi_category",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "color_expr": "derived.categoryColor",
          "style": {
            "fontSize": "16px",
            "padding": "4px 16px"
          }
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "bmi_gauge": {
        "type": "Progress",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "percent_expr": "Math.min((state.calculationResult.bmi_value / 40) * 100, 100)",
          "strokeColor_expr": "derived.categoryColor",
          "showInfo": false,
          "strokeLinecap": "round",
          "size": "default"
        },
        "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
      },
      "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": "11px",
          "color": "#999",
          "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
      },
      "gauge_label_underweight": {
        "type": "Typography.Text",
        "label": "Underweight",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "style": {
            "fontSize": "11px",
            "color": "#1890ff"
          }
        },
        "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
      },
      "gauge_label_normal": {
        "type": "Typography.Text",
        "label": "Normal",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "style": {
            "fontSize": "11px",
            "color": "#52c41a"
          }
        },
        "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
      },
      "gauge_label_overweight": {
        "type": "Typography.Text",
        "label": "Overweight",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "style": {
            "fontSize": "11px",
            "color": "#fa8c16"
          }
        },
        "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
      },
      "gauge_label_obese": {
        "type": "Typography.Text",
        "label": "Obese",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "style": {
            "fontSize": "11px",
            "color": "#f5222d"
          }
        },
        "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
      },
      "healthy_range_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "message": "Healthy BMI Range: 18.5 – 24.9",
          "type": "info",
          "showIcon": true
        },
        "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
      },
      "health_risk_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginBottom": "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
      },
      "health_risk_title": {
        "type": "Typography.Text",
        "label": "Health Risk",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "display": "block",
          "marginBottom": "4px"
        },
        "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_risk_text": {
        "type": "Typography.Paragraph",
        "label": null,
        "description": null,
        "bind": "state.calculationResult.health_risk",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "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
      },
      "recommendations_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginBottom": "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
      },
      "recommendations_title": {
        "type": "Typography.Text",
        "label": "Recommendations",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "display": "block",
          "marginBottom": "4px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "recommendations_text": {
        "type": "Typography.Paragraph",
        "label": null,
        "description": null,
        "bind": "state.calculationResult.recommendations",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "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
      },
      "comparison_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small",
          "title": "Compared to Last Calculation",
          "visibleCondition": "derived.isLoggedIn && state.lastCalculation && state.calculationResult"
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "16px",
          "borderRadius": "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
      },
      "comparison_content": {
        "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-around",
          "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
      },
      "comparison_previous": {
        "type": "Statistic",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Previous BMI",
          "value_expr": "state.lastCalculation?.bmi_value",
          "precision": 1
        },
        "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
      },
      "comparison_current": {
        "type": "Statistic",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Current BMI",
          "value_expr": "state.calculationResult?.bmi_value",
          "precision": 1,
          "valueStyle_expr": "{ color: derived.categoryColor }"
        },
        "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
      },
      "comparison_change": {
        "type": "Statistic",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Change",
          "value_expr": "derived.bmiDifference",
          "precision": 1,
          "prefix_expr": "derived.bmiDifference > 0 ? '+' : ''",
          "valueStyle_expr": "{ color: derived.bmiDifference > 0 ? '#f5222d' : '#52c41a' }"
        },
        "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
      },
      "view_history_button": {
        "type": "Button",
        "label": "View Full History",
        "description": null,
        "bind": null,
        "onClick": "navigateToHistory",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link",
          "block": true,
          "visibleCondition": "derived.isLoggedIn && state.showResult"
        },
        "dynamic_props": {},
        "styles": {
          "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
      },
      "empty_result_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "visibleCondition": "!state.showResult || !state.calculationResult"
        },
        "dynamic_props": {},
        "styles": {
          "borderRadius": "8px",
          "boxShadow": "0 2px 8px rgba(0,0,0,0.08)",
          "textAlign": "center",
          "minHeight": "300px",
          "display": "flex",
          "alignItems": "center",
          "justifyContent": "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
      },
      "empty_result_content": {
        "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": "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
      },
      "empty_icon": {
        "type": "Typography.Title",
        "label": "⚖️",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 1
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "64px",
          "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
      },
      "empty_text": {
        "type": "Typography.Text",
        "label": "Enter your height and weight to calculate your BMI",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "register_prompt": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "message": "Want to track your BMI over time?",
          "description": "Create a free account to save your calculations, view trends, and set health goals.",
          "type": "info",
          "showIcon": true,
          "visibleCondition": "!derived.isLoggedIn && state.showResult"
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "16px",
          "borderRadius": "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
      },
      "register_prompt_button": {
        "type": "Button",
        "label": "Sign Up for Free",
        "description": null,
        "bind": null,
        "onClick": "navigateToRegister",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "visibleCondition": "!derived.isLoggedIn && state.showResult"
        },
        "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
      }
    }
  },
  "layout_ir": {
    "root": "main_container",
    "children": {
      "main_container": [
        "header_section",
        "nav_links",
        "content_row"
      ],
      "header_section": [
        "page_title",
        "page_subtitle"
      ],
      "nav_links": [
        "dashboard_link",
        "login_link"
      ],
      "content_row": [
        "form_col",
        "result_col"
      ],
      "form_col": [
        "calculator_card"
      ],
      "calculator_card": [
        "unit_toggle_section",
        "bmi_form"
      ],
      "unit_toggle_section": [
        "unit_toggle_label",
        "unit_toggle"
      ],
      "bmi_form": [
        "height_metric_field",
        "height_imperial_section",
        "weight_metric_field",
        "weight_imperial_field",
        "notes_field",
        "button_group"
      ],
      "height_metric_field": [
        "height_cm_input"
      ],
      "height_imperial_section": [
        "height_imperial_row"
      ],
      "height_imperial_row": [
        "feet_field",
        "inches_field"
      ],
      "feet_field": [
        "feet_input"
      ],
      "inches_field": [
        "inches_input"
      ],
      "weight_metric_field": [
        "weight_kg_input"
      ],
      "weight_imperial_field": [
        "weight_lbs_input"
      ],
      "notes_field": [
        "notes_input"
      ],
      "button_group": [
        "calculate_button",
        "calculate_save_button",
        "reset_button"
      ],
      "result_col": [
        "result_card",
        "empty_result_card",
        "register_prompt",
        "register_prompt_button"
      ],
      "result_card": [
        "bmi_value_display",
        "bmi_gauge",
        "gauge_labels",
        "healthy_range_alert",
        "health_risk_section",
        "recommendations_section",
        "comparison_card",
        "view_history_button"
      ],
      "bmi_value_display": [
        "bmi_number",
        "bmi_category_tag"
      ],
      "gauge_labels": [
        "gauge_label_underweight",
        "gauge_label_normal",
        "gauge_label_overweight",
        "gauge_label_obese"
      ],
      "health_risk_section": [
        "health_risk_title",
        "health_risk_text"
      ],
      "recommendations_section": [
        "recommendations_title",
        "recommendations_text"
      ],
      "comparison_card": [
        "comparison_content"
      ],
      "comparison_content": [
        "comparison_previous",
        "comparison_current",
        "comparison_change"
      ],
      "empty_result_card": [
        "empty_result_content"
      ],
      "empty_result_content": [
        "empty_icon",
        "empty_text"
      ]
    },
    "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
      },
      "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
      },
      "nav_links": {
        "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
      },
      "content_row": {
        "type": "horizontal",
        "gap": 24,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "form_col": {
        "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
      },
      "calculator_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
      },
      "unit_toggle_section": {
        "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_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
      },
      "height_metric_field": {
        "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
      },
      "height_imperial_section": {
        "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
      },
      "height_imperial_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
      },
      "feet_field": {
        "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
      },
      "inches_field": {
        "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
      },
      "weight_metric_field": {
        "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
      },
      "weight_imperial_field": {
        "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
      },
      "notes_field": {
        "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
      },
      "button_group": {
        "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_col": {
        "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
      },
      "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
      },
      "bmi_value_display": {
        "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
      },
      "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
      },
      "health_risk_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
      },
      "recommendations_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
      },
      "comparison_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
      },
      "comparison_content": {
        "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
      },
      "empty_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
      },
      "empty_result_content": {
        "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
      }
    },
    "layout_zones": [
      {
        "zone_id": "main_zone",
        "component": "main_container",
        "anchor": "top-left",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Root page container with gradient background"
      },
      {
        "zone_id": "form_zone",
        "component": "calculator_card",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "base",
        "notes": "Calculator input form card"
      },
      {
        "zone_id": "result_zone",
        "component": "result_card",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "base",
        "notes": "BMI result display card"
      }
    ],
    "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
}