{ "page_ir": { "page_id": "bmi_calculator", "page_goal": "Single-page BMI Calculator that allows users to input height and weight, calculate BMI, view results with category classification, reference BMI categories, view calculation history, and access BMI 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_system_radio", "calculate_button", "clear_button", "clear_history_button", "bmi_result_display", "history_list" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "xs": 320, "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "form_and_result_stack_vertically_on_small", "history_full_width_on_mobile" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "mobile_first", "wcag_2_1_aa", "client_side_calculations", "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 }, "showClearHistoryConfirm": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "infoCollapsed": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null } }, "derived": { "hasResult": { "type": "boolean", "expr": "state.bmiResult !== null", "deps": [] }, "hasHistory": { "type": "boolean", "expr": "state.calculations.length > 0", "deps": [] }, "sortedCalculations": { "type": "array", "expr": "[...state.calculations].sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp))", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "15130ac0bccd4e8193aa3ab1d483558f": { "endpoint_id": "15130ac0bccd4e8193aa3ab1d483558f", "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 }, "2733961ed293441789f66c040896a4b2": { "endpoint_id": "2733961ed293441789f66c040896a4b2", "module": "BMI Management", "endpoint": "/bmi-management/calculations", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0 }, "body": null, "fields": [ "id", "height", "weight", "height_unit", "weight_unit", "bmi_value", "timestamp", "bmi_category_name", "bmi_category_color_code" ], "response_target": "calculations", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "9fcfe0e45bdb45d786997781c41f3831": { "endpoint_id": "9fcfe0e45bdb45d786997781c41f3831", "module": "BMI Management", "endpoint": "/bmi-management/calculations/compute", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "height", "weight", "height_unit", "weight_unit", "bmi_value", "bmi_category_id", "bmi_category_name", "bmi_category_description", "bmi_category_color_code", "bmi_category_min_bmi", "bmi_category_max_bmi", "timestamp" ], "response_target": "bmiResult", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "9fb7a1eaad3d4e37a578fc59f31d4f24": { "endpoint_id": "9fb7a1eaad3d4e37a578fc59f31d4f24", "module": "BMI Management", "endpoint": "/bmi-management/calculations", "method": "DELETE", "path_params": {}, "query_params": {}, "body": null, "fields": [], "response_target": "calculations", "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", "bmi_category_name", "bmi_category_color_code", "session_id", "timestamp" ], "computed": [], "display_fields": [ "height", "weight", "height_unit", "weight_unit", "bmi_value", "bmi_category_name", "timestamp" ], "search_fields": [], "filters": [ "session_id" ], "default_sort": null, "default_sort_dir": "asc" }, "bmi_category": { "name": "BMI Category", "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" }, "compute_result": { "name": "Compute BMI Result", "backend_module": "BMI Management", "fields": [ "id", "height", "weight", "height_unit", "weight_unit", "bmi_value", "bmi_category_id", "bmi_category_name", "bmi_category_description", "bmi_category_color_code", "bmi_category_min_bmi", "bmi_category_max_bmi", "timestamp" ], "computed": [], "display_fields": [ "bmi_value", "bmi_category_name", "bmi_category_description", "bmi_category_color_code" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onUnitSystemChange": { "type": "mutation", "updates": [ { "target": "appContext.unitSystem", "expr": "event.target.value" } ], "description": "" }, "onInfoCollapseToggle": { "type": "mutation", "updates": [ { "target": "state.infoCollapsed", "expr": "!state.infoCollapsed" } ], "description": "" } }, "actions": { "b109255c9da0424d9a0ce64d1b84b39d": { "action_id": "b109255c9da0424d9a0ce64d1b84b39d", "trigger": "form_submit", "target_component_id": "bmi_form", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"height\", \"message\": \"Height is required\", \"rule_id\": \"val_height\", \"type\": \"required\"}", "message": "{\"field\": \"height\", \"message\": \"Height is required\", \"rule_id\": \"val_height\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"height\", \"message\": \"Height must be greater than 0\", \"rule_id\": \"val_height_min\", \"type\": \"min\", \"value\": 1}", "message": "{\"field\": \"height\", \"message\": \"Height must be greater than 0\", \"rule_id\": \"val_height_min\", \"type\": \"min\", \"value\": 1}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"weight\", \"message\": \"Weight is required\", \"rule_id\": \"val_weight\", \"type\": \"required\"}", "message": "{\"field\": \"weight\", \"message\": \"Weight is required\", \"rule_id\": \"val_weight\", \"type\": \"required\"}" }, { "rule_id": "val_3", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"weight\", \"message\": \"Weight must be greater than 0\", \"rule_id\": \"val_weight_min\", \"type\": \"min\", \"value\": 1}", "message": "{\"field\": \"weight\", \"message\": \"Weight must be greater than 0\", \"rule_id\": \"val_weight_min\", \"type\": \"min\", \"value\": 1}" } ], "validation_messages": {}, "updates": [ { "target": "state.isCalculating", "expr": "true" } ], "api_endpoint": "9fcfe0e45bdb45d786997781c41f3831", "api_body": "{ height: formValues.height, weight: formValues.weight, height_unit: appContext.unitSystem === 'metric' ? 'CM' : 'INCHES', weight_unit: appContext.unitSystem === 'metric' ? 'KG' : 'LBS' }", "side_effects": [ { "type": "toast", "config": { "message": "BMI calculated successfully!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchCalculationHistory" } } ], "then": null, "catch": null, "data_action": null }, "409e75a96d02466e86ee0b44d6ba4f96": { "action_id": "409e75a96d02466e86ee0b44d6ba4f96", "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.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 }, "7154e7e83f954348b02fdfe21111769f": { "action_id": "7154e7e83f954348b02fdfe21111769f", "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.showClearHistoryConfirm", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "modal_open", "config": { "modal_id": "clear_history_modal" } } ], "then": null, "catch": null, "data_action": null }, "4c00c89c88cd42118651fdee730dc743": { "action_id": "4c00c89c88cd42118651fdee730dc743", "trigger": "button_click", "target_component_id": "confirm_clear_button", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.calculations", "expr": "[]" }, { "target": "state.showClearHistoryConfirm", "expr": "false" } ], "api_endpoint": "9fb7a1eaad3d4e37a578fc59f31d4f24", "api_body": null, "side_effects": [ { "type": "modal_close", "config": { "modal_id": "clear_history_modal" } }, { "type": "toast", "config": { "message": "Calculation history cleared.", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "6f36e189090d4bb8bd8bed1b5858eed9": { "action_id": "6f36e189090d4bb8bd8bed1b5858eed9", "trigger": "button_click", "target_component_id": "cancel_clear_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.showClearHistoryConfirm", "expr": "false" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "modal_close", "config": { "modal_id": "clear_history_modal" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "b109255c9da0424d9a0ce64d1b84b39d": { "action_id": "b109255c9da0424d9a0ce64d1b84b39d", "loading_indicator": "spinner", "loading_text": null, "success_message": "BMI calculated successfully!", "error_message": "Failed to calculate BMI. Please check your inputs.", "ui_updates": [ "state.isCalculating = false" ] }, "409e75a96d02466e86ee0b44d6ba4f96": { "action_id": "409e75a96d02466e86ee0b44d6ba4f96", "loading_indicator": null, "loading_text": null, "success_message": "Form cleared.", "error_message": null, "ui_updates": [] }, "4c00c89c88cd42118651fdee730dc743": { "action_id": "4c00c89c88cd42118651fdee730dc743", "loading_indicator": "spinner", "loading_text": null, "success_message": "History cleared successfully.", "error_message": "Failed to clear history.", "ui_updates": [] }, "7154e7e83f954348b02fdfe21111769f": { "action_id": "7154e7e83f954348b02fdfe21111769f", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "6f36e189090d4bb8bd8bed1b5858eed9": { "action_id": "6f36e189090d4bb8bd8bed1b5858eed9", "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, "style": { "textAlign": "center", "marginBottom": "8px" } }, "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 }, "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", "style": { "display": "block", "textAlign": "center", "marginBottom": "24px" } }, "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 }, "input_section_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Calculate Your BMI", "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_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 }, "unit_system_form_item": { "type": "Form.Item", "label": "Unit System", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "unit_system" }, "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 }, "unit_system_radio": { "type": "Radio.Group", "label": null, "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 (in/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 }, "height_form_item": { "type": "Form.Item", "label": "Height", "description": null, "bind": null, "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 greater than 0" } ] }, "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": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter height", "min": 1, "max": 300, "precision": 2, "style": { "width": "100%" }, "addonAfter": "cm", "aria-label": "Height input" }, "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_form_item": { "type": "Form.Item", "label": "Weight", "description": null, "bind": null, "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 greater than 0" } ] }, "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_input": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter weight", "min": 1, "max": 500, "precision": 2, "style": { "width": "100%" }, "addonAfter": "kg", "aria-label": "Weight input" }, "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 }, "form_buttons_row": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "middle" }, "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 }, "calculate_button": { "type": "Button", "label": "Calculate BMI", "description": null, "bind": null, "onClick": "calculateBmi", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "htmlType": "submit", "size": "large", "icon": "CalculatorOutlined", "loading": "state.isCalculating", "aria-label": "Calculate BMI" }, "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_button": { "type": "Button", "label": "Clear", "description": null, "bind": null, "onClick": "clearForm", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "large", "aria-label": "Clear 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 }, "result_section_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 }, "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, "aria-label": "BMI result value", "style": { "fontSize": "48px", "marginBottom": "8px" } }, "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_category_tag": { "type": "Tag", "label": null, "description": null, "bind": "state.bmiResult.bmi_category_name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "fontSize": "18px", "padding": "8px 16px" } }, "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_gauge_container": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "margin": "24px 0", "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_gauge_progress": { "type": "Progress", "label": null, "description": null, "bind": "state.bmiResult.bmi_value", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "dashboard", "percent": null, "format": "BMI Scale", "strokeColor": { "0%": "#3498db", "33%": "#2ecc71", "66%": "#f39c12", "100%": "#e74c3c" } }, "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 }, "category_description_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": { "style": { "marginTop": "16px", "fontSize": "14px" } }, "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 }, "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", "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 }, "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" } ], "rowKey": "id" }, "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_section_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Calculation History", "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 }, "history_header_row": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "marginBottom": "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_count_text": { "type": "Typography.Text", "label": null, "description": null, "bind": "state.calculations.length", "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 }, "clear_history_button": { "type": "Button", "label": "Clear History", "description": null, "bind": null, "onClick": "showClearHistoryDialog", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "danger": true, "size": "small", "icon": "DeleteOutlined", "aria-label": "Clear calculation history" }, "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." }, "aria-label": "Calculation history list" }, "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_item": { "type": "List.Item", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "info_section_collapse": { "type": "Collapse", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "items": [ { "key": "bmi_info", "label": "What is BMI?", "children": "bmi_info_content" }, { "key": "formula", "label": "BMI Formula", "children": "formula_content" }, { "key": "limitations", "label": "Limitations of BMI", "children": "limitations_content" }, { "key": "measurement_tips", "label": "Measurement Guidelines", "children": "measurement_content" } ] }, "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": "Typography.Paragraph", "label": "Body Mass Index (BMI) is a simple calculation using a person's height and weight. The BMI value categorizes a person as underweight, normal weight, overweight, or obese. It is widely used as a general indicator of whether a person has a healthy body weight for their height.", "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 }, "formula_content": { "type": "Typography.Paragraph", "label": "BMI = weight (kg) / [height (m)]². For example, if you weigh 70 kg and are 1.75 m tall: BMI = 70 / (1.75)² = 70 / 3.0625 = 22.9", "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 }, "limitations_content": { "type": "Typography.Paragraph", "label": "BMI does not distinguish between muscle and fat mass. Athletes may have a high BMI due to increased muscle mass. BMI also does not account for age, sex, ethnicity, or body fat distribution. It should be used as a screening tool, not a diagnostic measure.", "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 }, "measurement_content": { "type": "Typography.Paragraph", "label": "For accurate results: Measure height without shoes, standing straight against a wall. Measure weight in the morning before eating, wearing light clothing. Use a calibrated scale on a hard, flat surface.", "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 }, "clear_history_modal": { "type": "Modal", "label": null, "description": null, "bind": "state.showClearHistoryConfirm", "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 }, "clear_history_modal_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_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 }, "cancel_clear_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_section_card", "result_section_card", "category_reference_card", "history_section_card", "info_section_collapse", "clear_history_modal" ], "input_section_card": [ "bmi_form" ], "bmi_form": [ "unit_system_form_item", "height_form_item", "weight_form_item", "form_buttons_row" ], "unit_system_form_item": [ "unit_system_radio" ], "height_form_item": [ "height_input" ], "weight_form_item": [ "weight_input" ], "form_buttons_row": [ "calculate_button", "clear_button" ], "result_section_card": [ "result_container" ], "result_container": [ "bmi_value_display", "bmi_category_tag", "bmi_gauge_container", "category_description_text", "disclaimer_alert" ], "bmi_gauge_container": [ "bmi_gauge_progress" ], "category_reference_card": [ "category_table" ], "history_section_card": [ "history_header_row", "history_list" ], "history_header_row": [ "history_count_text", "clear_history_button" ], "clear_history_modal": [ "clear_history_modal_content" ] }, "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_section_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_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 }, "form_buttons_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_section_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": 12, "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": 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_section_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_row": { "type": "horizontal", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "clear_history_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": "clear_history_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Confirmation modal for clearing history" } ], "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 }