{ "page_ir": { "page_id": "dashboard", "page_goal": "User dashboard showing BMI summary stats, recent trend chart, quick-calculate link, active goals with progress bars, and navigation to other pages", "style": { "tone": "informative", "theme": "light", "density": "comfortable", "color_intent": "health-focused with blue primary and category-based color coding" }, "accessibility": { "required_labels": [ "Current BMI value", "BMI category", "Last calculation date", "Total calculations", "Goal progress", "BMI trend chart", "Navigation links" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "xs": 480, "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "stat_cards_row collapses to 2x2 grid below md", "sidebar collapses to top header nav below md", "trend_chart and goals_section stack vertically below lg" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "User must be authenticated to view dashboard", "Data fetched on mount using appContext.currentUser.userId" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "recentCalculations": { "type": "array", "initial": [], "required": false, "constraints": { "description": "Recent BMI calculations for trend chart and stats" }, "item_type": null }, "activeGoals": { "type": "array", "initial": [], "required": false, "constraints": { "description": "User's active goals for progress display" }, "item_type": null }, "loadingCalculations": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "loadingGoals": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null } }, "derived": { "latestCalculation": { "type": "object", "expr": "state.recentCalculations.length > 0 ? state.recentCalculations[0] : null", "deps": [] }, "currentBmiValue": { "type": "number", "expr": "state.recentCalculations.length > 0 ? state.recentCalculations[0].bmi_value : null", "deps": [] }, "currentBmiCategory": { "type": "string", "expr": "state.recentCalculations.length > 0 ? state.recentCalculations[0].bmi_category : 'N/A'", "deps": [] }, "lastCalculationDate": { "type": "string", "expr": "state.recentCalculations.length > 0 ? state.recentCalculations[0].calculated_at : null", "deps": [] }, "totalCalculations": { "type": "number", "expr": "state.recentCalculations.length", "deps": [] }, "trendChartData": { "type": "array", "expr": "state.recentCalculations.slice().reverse().map(c => ({ date: c.calculated_at, bmi: c.bmi_value }))", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "3bca5f7df60a4bd1ba1595f50a42e557": { "endpoint_id": "3bca5f7df60a4bd1ba1595f50a42e557", "module": "BMI Calculation", "endpoint": "/bmi/calculations", "method": "GET", "path_params": {}, "query_params": { "user_id": "$appContext.currentUser.userId", "is_deleted": false, "limit": 20, "offset": 0 }, "body": null, "fields": [ "id", "calculation_id", "user_id", "height_cm", "weight_kg", "bmi_value", "bmi_category", "unit", "calculated_at", "notes" ], "response_target": "recentCalculations", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "80be631ee0234c50b6a355c6ad6d72a9": { "endpoint_id": "80be631ee0234c50b6a355c6ad6d72a9", "module": "Goals", "endpoint": "/goals/users/{user_id}/goals", "method": "GET", "path_params": { "user_id": "$appContext.currentUser.userId" }, "query_params": { "status": "ACTIVE", "limit": 10, "offset": 0 }, "body": null, "fields": [ "id", "goal_id", "user_id", "goal_type", "target_value", "current_value", "start_date", "target_date", "status" ], "response_target": "activeGoals", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "bmi_calculation": { "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", "calculated_at", "weight_kg", "height_cm" ], "search_fields": [], "filters": [ "user_id", "is_deleted" ], "default_sort": null, "default_sort_dir": "asc" }, "goal": { "name": "Goal", "backend_module": "Goals", "fields": [ "id", "goal_id", "user_id", "goal_type", "target_value", "current_value", "start_date", "target_date", "status", "created_at", "updated_at" ], "computed": [], "display_fields": [ "goal_type", "target_value", "current_value", "target_date", "status" ], "search_fields": [], "filters": [ "user_id", "status" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onCalculationsLoaded": { "type": "mutation", "updates": [ { "target": "state.loadingCalculations", "expr": "false" } ], "description": "" }, "onGoalsLoaded": { "type": "mutation", "updates": [ { "target": "state.loadingGoals", "expr": "false" } ], "description": "" } }, "actions": { "5f39985046d04ae3b0ccf6a68293ec94": { "action_id": "5f39985046d04ae3b0ccf6a68293ec94", "trigger": "button_click", "target_component_id": "quick_calculate_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": "/" } } ], "then": null, "catch": null, "data_action": null }, "fa7222f2a77f4f42883fcbc2c9f91960": { "action_id": "fa7222f2a77f4f42883fcbc2c9f91960", "trigger": "button_click", "target_component_id": "nav_history", "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 }, "0682b60d90814f0bbcab503e45e4684a": { "action_id": "0682b60d90814f0bbcab503e45e4684a", "trigger": "button_click", "target_component_id": "nav_goals", "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": "/goals" } } ], "then": null, "catch": null, "data_action": null }, "42af94c1a3254b2a842f6355b60ab6c8": { "action_id": "42af94c1a3254b2a842f6355b60ab6c8", "trigger": "button_click", "target_component_id": "nav_profile", "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": "/profile" } } ], "then": null, "catch": null, "data_action": null }, "44e5d177b26040fca66d11533bde7a9a": { "action_id": "44e5d177b26040fca66d11533bde7a9a", "trigger": "button_click", "target_component_id": "nav_calculator", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/" } } ], "then": null, "catch": null, "data_action": null }, "a840d0ac79e14849b4ed01fd58848904": { "action_id": "a840d0ac79e14849b4ed01fd58848904", "trigger": "button_click", "target_component_id": "view_all_goals_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": "/goals" } } ], "then": null, "catch": null, "data_action": null }, "bb0844853d8c49d8ac63299785778179": { "action_id": "bb0844853d8c49d8ac63299785778179", "trigger": "button_click", "target_component_id": "view_full_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 } }, "feedback": { "5f39985046d04ae3b0ccf6a68293ec94": { "action_id": "5f39985046d04ae3b0ccf6a68293ec94", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "fa7222f2a77f4f42883fcbc2c9f91960": { "action_id": "fa7222f2a77f4f42883fcbc2c9f91960", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "0682b60d90814f0bbcab503e45e4684a": { "action_id": "0682b60d90814f0bbcab503e45e4684a", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "42af94c1a3254b2a842f6355b60ab6c8": { "action_id": "42af94c1a3254b2a842f6355b60ab6c8", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "44e5d177b26040fca66d11533bde7a9a": { "action_id": "44e5d177b26040fca66d11533bde7a9a", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "a840d0ac79e14849b4ed01fd58848904": { "action_id": "a840d0ac79e14849b4ed01fd58848904", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "bb0844853d8c49d8ac63299785778179": { "action_id": "bb0844853d8c49d8ac63299785778179", "loading_indicator": "none", "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": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "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 }, "sidebar": { "type": "Layout.Sider", "label": "Navigation Sidebar", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 240, "collapsible": true, "breakpoint": "md", "collapsedWidth": 0, "theme": "light" }, "dynamic_props": {}, "styles": { "borderRight": "1px solid #f0f0f0", "background": "#fff" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sidebar_logo": { "type": "Typography.Title", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 4, "children": "BMI Calculator" }, "dynamic_props": {}, "styles": { "padding": "16px 24px", "margin": 0, "borderBottom": "1px solid #f0f0f0", "color": "#1677ff" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sidebar_menu": { "type": "Menu", "label": "Navigation Menu", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "inline", "selectedKeys": [ "dashboard" ], "items": [ { "key": "dashboard", "icon": "DashboardOutlined", "label": "Dashboard" }, { "key": "calculator", "icon": "CalculatorOutlined", "label": "Calculator" }, { "key": "history", "icon": "HistoryOutlined", "label": "History" }, { "key": "goals", "icon": "AimOutlined", "label": "Goals" }, { "key": "profile", "icon": "UserOutlined", "label": "Profile" } ] }, "dynamic_props": {}, "styles": { "borderRight": "none" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "content_area": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "background": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "24px 24px 0 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 }, "welcome_title": { "type": "Typography.Title", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 3, "children": "Welcome back!" }, "dynamic_props": {}, "styles": { "marginBottom": 4 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "welcome_subtitle": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary", "children": "Here's your BMI health overview" }, "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_body": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_cards_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ] }, "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 }, "stat_col_bmi": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 12, "lg": 6 }, "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 }, "stat_card_bmi": { "type": "Card", "label": "Current BMI", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false, "hoverable": true }, "dynamic_props": {}, "styles": { "borderRadius": 8 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_bmi_icon": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "alignItems": "center", "justifyContent": "space-between", "marginBottom": 8 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_bmi_label": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary", "children": "Current BMI" }, "dynamic_props": {}, "styles": { "fontSize": 14 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_bmi_value": { "type": "Typography.Title", "label": "Current BMI value", "description": null, "bind": "derived.currentBmiValue", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "margin": 0, "color": "#1677ff" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_bmi_category": { "type": "Tag", "label": "BMI Category", "description": null, "bind": "derived.currentBmiCategory", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "blue" }, "dynamic_props": {}, "styles": { "marginTop": 8 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_col_last_calc": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 12, "lg": 6 }, "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 }, "stat_card_last_calc": { "type": "Card", "label": "Last Calculation", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false, "hoverable": true }, "dynamic_props": {}, "styles": { "borderRadius": 8 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_last_calc_label": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary", "children": "Last Calculation" }, "dynamic_props": {}, "styles": { "fontSize": 14 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_last_calc_value": { "type": "Typography.Title", "label": "Last calculation date", "description": null, "bind": "derived.lastCalculationDate", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 4 }, "dynamic_props": {}, "styles": { "margin": "8px 0 0 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 }, "stat_last_calc_hint": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary", "children": "Date of your most recent BMI check" }, "dynamic_props": {}, "styles": { "fontSize": 12 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_col_total": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 12, "lg": 6 }, "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 }, "stat_card_total": { "type": "Card", "label": "Total Calculations", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false, "hoverable": true }, "dynamic_props": {}, "styles": { "borderRadius": 8 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_total_label": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary", "children": "Total Calculations" }, "dynamic_props": {}, "styles": { "fontSize": 14 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_total_value": { "type": "Typography.Title", "label": "Total number of calculations", "description": null, "bind": "derived.totalCalculations", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "margin": "8px 0 0 0", "color": "#722ed1" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_total_hint": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary", "children": "Lifetime BMI measurements" }, "dynamic_props": {}, "styles": { "fontSize": 12 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_col_goal": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 12, "lg": 6 }, "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 }, "stat_card_goal": { "type": "Card", "label": "Goal Progress", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false, "hoverable": true }, "dynamic_props": {}, "styles": { "borderRadius": 8 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_goal_label": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary", "children": "Goal Progress" }, "dynamic_props": {}, "styles": { "fontSize": 14 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_goal_progress": { "type": "Progress", "label": "Current goal progress percentage", "description": null, "bind": "state.activeGoals", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "circle", "size": 80, "strokeColor": "#52c41a" }, "dynamic_props": {}, "styles": { "marginTop": 8 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_goal_days": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary", "children": "Days remaining to target" }, "dynamic_props": {}, "styles": { "fontSize": 12, "marginTop": 4 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "middle_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ] }, "dynamic_props": {}, "styles": { "marginTop": 16 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "trend_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 16 }, "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 }, "trend_card": { "type": "Card", "label": "BMI Trend", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false, "title": "BMI Trend" }, "dynamic_props": {}, "styles": { "borderRadius": 8 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "trend_card_extra": { "type": "Button", "label": null, "description": null, "bind": null, "onClick": "viewFullHistory", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "children": "View Full 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 }, "view_full_history_button": { "type": "Button", "label": "View Full History", "description": null, "bind": null, "onClick": "viewFullHistory", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "small", "children": "View Full 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 }, "trend_chart": { "type": "custom:LineChart", "label": "BMI trend line chart", "description": null, "bind": "derived.trendChartData", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xField": "date", "yField": "bmi", "height": 280, "smooth": true, "point": { "size": 4 }, "color": "#1677ff", "yAxis": { "min": 15, "max": 40 } }, "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 }, "quick_calc_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 8 }, "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 }, "quick_calc_card": { "type": "Card", "label": "Quick Calculate", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false, "title": "Quick Calculate" }, "dynamic_props": {}, "styles": { "borderRadius": 8, "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 }, "quick_calc_icon": { "type": "Typography.Title", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 1, "children": "🧮" }, "dynamic_props": {}, "styles": { "fontSize": 64, "marginBottom": 16 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "quick_calc_text": { "type": "Typography.Paragraph", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "children": "Calculate your BMI now with our easy-to-use calculator. Track your progress over time." }, "dynamic_props": {}, "styles": { "color": "#666", "marginBottom": 16 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "quick_calculate_button": { "type": "Button", "label": "Go to Calculator", "description": null, "bind": null, "onClick": "navigateToCalculator", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "large", "block": true, "children": "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 }, "goals_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ] }, "dynamic_props": {}, "styles": { "marginTop": 16 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "goals_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24 }, "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 }, "goals_card": { "type": "Card", "label": "Active Goals", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false, "title": "Active Goals" }, "dynamic_props": {}, "styles": { "borderRadius": 8 }, "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_all_goals_button": { "type": "Button", "label": "View All Goals", "description": null, "bind": null, "onClick": "viewAllGoals", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "small", "children": "View All Goals →" }, "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 }, "goals_list": { "type": "List", "label": "Active goals with progress bars", "description": null, "bind": "state.activeGoals", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "dataSource": "state.activeGoals", "renderItem": { "title": "item.goal_type", "description": "item.target_date", "extra": { "type": "Progress", "percent": "Math.round(((item.current_value || 0) / item.target_value) * 100)", "status": "active" } }, "locale": { "emptyText": "No active goals. Set a goal to start tracking your progress!" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "nav_calculator": { "type": "Menu.Item", "label": "Calculator", "description": null, "bind": null, "onClick": "navigateToCalculatorFromNav", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "calculator" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "nav_history": { "type": "Menu.Item", "label": "History", "description": null, "bind": null, "onClick": "navigateToHistory", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "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 }, "nav_goals": { "type": "Menu.Item", "label": "Goals", "description": null, "bind": null, "onClick": "navigateToGoals", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "goals" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "nav_profile": { "type": "Menu.Item", "label": "Profile", "description": null, "bind": null, "onClick": "navigateToProfile", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "profile" }, "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": [ "sidebar", "content_area" ], "sidebar": [ "sidebar_logo", "sidebar_menu" ], "content_area": [ "page_header", "content_body" ], "page_header": [ "welcome_title", "welcome_subtitle" ], "content_body": [ "stat_cards_row", "middle_row", "goals_row" ], "stat_cards_row": [ "stat_col_bmi", "stat_col_last_calc", "stat_col_total", "stat_col_goal" ], "stat_col_bmi": [ "stat_card_bmi" ], "stat_card_bmi": [ "stat_bmi_icon", "stat_bmi_value", "stat_bmi_category" ], "stat_bmi_icon": [ "stat_bmi_label" ], "stat_col_last_calc": [ "stat_card_last_calc" ], "stat_card_last_calc": [ "stat_last_calc_label", "stat_last_calc_value", "stat_last_calc_hint" ], "stat_col_total": [ "stat_card_total" ], "stat_card_total": [ "stat_total_label", "stat_total_value", "stat_total_hint" ], "stat_col_goal": [ "stat_card_goal" ], "stat_card_goal": [ "stat_goal_label", "stat_goal_progress", "stat_goal_days" ], "middle_row": [ "trend_col", "quick_calc_col" ], "trend_col": [ "trend_card" ], "trend_card": [ "trend_chart", "view_full_history_button" ], "quick_calc_col": [ "quick_calc_card" ], "quick_calc_card": [ "quick_calc_icon", "quick_calc_text", "quick_calculate_button" ], "goals_row": [ "goals_col" ], "goals_col": [ "goals_card" ], "goals_card": [ "goals_list", "view_all_goals_button" ] }, "layout": { "main_container": { "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 }, "sidebar": { "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 }, "content_area": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header": { "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 }, "content_body": { "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 }, "stat_cards_row": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "stat_col_bmi": { "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 }, "stat_card_bmi": { "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 }, "stat_bmi_icon": { "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 }, "stat_col_last_calc": { "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 }, "stat_card_last_calc": { "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 }, "stat_col_total": { "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 }, "stat_card_total": { "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 }, "stat_col_goal": { "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 }, "stat_card_goal": { "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 }, "middle_row": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "trend_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 }, "trend_card": { "type": "vertical", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "quick_calc_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 }, "quick_calc_card": { "type": "vertical", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "goals_row": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "goals_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 }, "goals_card": { "type": "vertical", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null } }, "layout_zones": [ { "zone_id": "sidebar_zone", "component": "sidebar", "anchor": "top-left", "size_hint": "240px", "z_layer": "base", "notes": "Collapsible sidebar navigation" }, { "zone_id": "content_zone", "component": "content_area", "anchor": "center", "size_hint": "auto", "z_layer": "base", "notes": "Main content area fills remaining space" } ], "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 }