{ "page_ir": { "page_id": "admin_dashboard", "page_goal": "Administrator analytics dashboard showing statistics cards, charts for BMI calculations and user data, and navigation to admin sub-sections", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "blue primary with data visualization colors" }, "accessibility": { "required_labels": [ "stat_cards", "charts", "navigation_links" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "stat_cards_row collapses to 2x2 grid on md", "charts stack vertically on sm" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "Only accessible by users with ADMINISTRATOR role" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "users": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "calculations": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "categories": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "auditLogs": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null } }, "derived": { "totalUsers": { "type": "number", "expr": "state.users.length", "deps": [] }, "totalCalculations": { "type": "number", "expr": "state.calculations.length", "deps": [] }, "calculationsToday": { "type": "number", "expr": "state.calculations.filter(c => new Date(c.calculated_at).toDateString() === new Date().toDateString()).length", "deps": [] }, "calculationsThisWeek": { "type": "number", "expr": "state.calculations.filter(c => { const d = new Date(c.calculated_at); const now = new Date(); const weekAgo = new Date(now.getTime() - 7*24*60*60*1000); return d >= weekAgo; }).length", "deps": [] }, "calculationsThisMonth": { "type": "number", "expr": "state.calculations.filter(c => { const d = new Date(c.calculated_at); const now = new Date(); return d.getMonth() === now.getMonth() && d.getFullYear() === now.getFullYear(); }).length", "deps": [] }, "categoryDistribution": { "type": "array", "expr": "Object.entries(state.calculations.reduce((acc, c) => { acc[c.bmi_category] = (acc[c.bmi_category] || 0) + 1; return acc; }, {})).map(([name, value]) => ({ name, value }))", "deps": [] }, "calculationsPerDay": { "type": "array", "expr": "Object.entries(state.calculations.reduce((acc, c) => { const day = new Date(c.calculated_at).toLocaleDateString(); acc[day] = (acc[day] || 0) + 1; return acc; }, {})).map(([date, count]) => ({ date, count })).slice(-30)", "deps": [] }, "userRegistrationTrend": { "type": "array", "expr": "Object.entries(state.users.reduce((acc, u) => { const day = new Date(u.created_at).toLocaleDateString(); acc[day] = (acc[day] || 0) + 1; return acc; }, {})).map(([date, count]) => ({ date, count }))", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "b234681dd18647e8b67292ba56a1c3e5": { "endpoint_id": "b234681dd18647e8b67292ba56a1c3e5", "module": "User Management", "endpoint": "/users/", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "user_id", "email", "first_name", "last_name", "date_of_birth", "gender", "is_active", "role", "last_login_at", "created_at", "updated_at" ], "response_target": "users", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "2869cb1479224f2fb160af59c0d21dca": { "endpoint_id": "2869cb1479224f2fb160af59c0d21dca", "module": "BMI Calculation", "endpoint": "/bmi/calculations", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "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" ], "response_target": "calculations", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "5f1c7a4c6bfa41babff16ea931a2a8f2": { "endpoint_id": "5f1c7a4c6bfa41babff16ea931a2a8f2", "module": "BMI Calculation", "endpoint": "/bmi/categories", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0 }, "body": null, "fields": [ "id", "category_id", "category_name", "min_bmi", "max_bmi", "description", "color_code", "health_risk", "recommendations", "created_at", "updated_at" ], "response_target": "categories", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "8dc4da8f46534d2d9357f8a7e435a5fb": { "endpoint_id": "8dc4da8f46534d2d9357f8a7e435a5fb", "module": "Audit Logs", "endpoint": "/audit-logs/", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0 }, "body": null, "fields": [ "id", "log_id", "user_id", "action", "entity_type", "entity_id", "timestamp", "ip_address", "user_agent", "details", "created_at", "updated_at" ], "response_target": "auditLogs", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "users": { "name": "User", "backend_module": "User Management", "fields": [ "id", "user_id", "email", "first_name", "last_name", "date_of_birth", "gender", "is_active", "role", "last_login_at", "created_at", "updated_at" ], "computed": [], "display_fields": [ "email", "first_name", "last_name", "role", "is_active", "created_at" ], "search_fields": [], "filters": [ "is_active", "role" ], "default_sort": null, "default_sort_dir": "asc" }, "calculations": { "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", "user_id" ], "search_fields": [], "filters": [ "user_id", "is_deleted" ], "default_sort": null, "default_sort_dir": "asc" }, "categories": { "name": "BMI Category", "backend_module": "BMI Calculation", "fields": [ "id", "category_id", "category_name", "min_bmi", "max_bmi", "description", "color_code", "health_risk", "recommendations", "created_at", "updated_at" ], "computed": [], "display_fields": [ "category_name", "min_bmi", "max_bmi", "health_risk" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "auditLogs": { "name": "Audit Log", "backend_module": "Audit Logs", "fields": [ "id", "log_id", "user_id", "action", "entity_type", "entity_id", "timestamp", "ip_address", "user_agent", "details", "created_at", "updated_at" ], "computed": [], "display_fields": [ "action", "entity_type", "timestamp", "user_id" ], "search_fields": [], "filters": [ "user_id", "action", "entity_type" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onPageLoad": { "type": "mutation", "updates": [ { "target": "state.loading", "expr": "true" } ], "description": "" }, "onDataLoaded": { "type": "mutation", "updates": [ { "target": "state.loading", "expr": "false" } ], "description": "" } }, "actions": { "fb40a7354aaa467b8c622eea0d7b9da9": { "action_id": "fb40a7354aaa467b8c622eea0d7b9da9", "trigger": "button_click", "target_component_id": "nav_users_card", "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": "/admin/users" } } ], "then": null, "catch": null, "data_action": null }, "f720246a1fc14fdba6d5e982d2407cac": { "action_id": "f720246a1fc14fdba6d5e982d2407cac", "trigger": "button_click", "target_component_id": "nav_categories_card", "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": "/admin/categories" } } ], "then": null, "catch": null, "data_action": null }, "aad2da36c0794b508f5f925466f34556": { "action_id": "aad2da36c0794b508f5f925466f34556", "trigger": "button_click", "target_component_id": "nav_audit_card", "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": "/admin/audit-logs" } } ], "then": null, "catch": null, "data_action": null }, "43a767d32623436abd42db04fd8c6dd4": { "action_id": "43a767d32623436abd42db04fd8c6dd4", "trigger": "button_click", "target_component_id": "refresh_button", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.loading", "expr": "true" } ], "api_endpoint": "b234681dd18647e8b67292ba56a1c3e5", "api_body": null, "side_effects": [ { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "fb40a7354aaa467b8c622eea0d7b9da9": { "action_id": "fb40a7354aaa467b8c622eea0d7b9da9", "loading_indicator": "none", "loading_text": null, "success_message": "", "error_message": "", "ui_updates": [] }, "f720246a1fc14fdba6d5e982d2407cac": { "action_id": "f720246a1fc14fdba6d5e982d2407cac", "loading_indicator": "none", "loading_text": null, "success_message": "", "error_message": "", "ui_updates": [] }, "aad2da36c0794b508f5f925466f34556": { "action_id": "aad2da36c0794b508f5f925466f34556", "loading_indicator": "none", "loading_text": null, "success_message": "", "error_message": "", "ui_updates": [] }, "43a767d32623436abd42db04fd8c6dd4": { "action_id": "43a767d32623436abd42db04fd8c6dd4", "loading_indicator": "spinner", "loading_text": null, "success_message": "Dashboard data refreshed", "error_message": "Failed to load dashboard data", "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#000000", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 6 }, "components": { "main_container": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "padding": "24px", "backgroundColor": "#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": { "marginBottom": "24px", "display": "flex", "justifyContent": "space-between", "alignItems": "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 }, "page_title": { "type": "Typography.Title", "label": "Admin Dashboard", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "margin": 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 }, "refresh_button": { "type": "Button", "label": "Refresh Data", "description": null, "bind": null, "onClick": "loadDashboardData", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "icon": "ReloadOutlined" }, "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_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": { "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 }, "stat_col_total_users": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 5 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_total_users": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "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 }, "stat_total_users": { "type": "Statistic", "label": "Total Users", "description": null, "bind": "derived.totalUsers", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "TeamOutlined", "valueStyle": { "color": "#1677ff" } }, "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_total_calcs": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 5 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_total_calcs": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "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 }, "stat_total_calcs": { "type": "Statistic", "label": "Total Calculations", "description": null, "bind": "derived.totalCalculations", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "CalculatorOutlined", "valueStyle": { "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 }, "stat_col_today": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 5 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_today": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "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 }, "stat_today": { "type": "Statistic", "label": "Calculations Today", "description": null, "bind": "derived.calculationsToday", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "CalendarOutlined", "valueStyle": { "color": "#faad14" } }, "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_week": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 5 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_week": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "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 }, "stat_week": { "type": "Statistic", "label": "This Week", "description": null, "bind": "derived.calculationsThisWeek", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "BarChartOutlined", "valueStyle": { "color": "#722ed1" } }, "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_month": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 4 }, "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_month": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "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 }, "stat_month": { "type": "Statistic", "label": "This Month", "description": null, "bind": "derived.calculationsThisMonth", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "prefix": "LineChartOutlined", "valueStyle": { "color": "#eb2f96" } }, "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 }, "charts_row_1": { "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": { "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 }, "chart_col_calculations_trend": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 14 }, "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 }, "chart_card_calculations_trend": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Calculations Per Day", "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "height": "400px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "chart_calculations_bar": { "type": "Chart.Bar", "label": "Calculations Per Day", "description": null, "bind": "derived.calculationsPerDay", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xField": "date", "yField": "count", "color": "#1677ff" }, "dynamic_props": {}, "styles": { "height": "300px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "chart_col_category_dist": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "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 }, "chart_card_category_dist": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "BMI Category Distribution", "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "height": "400px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "chart_category_pie": { "type": "Chart.Pie", "label": "BMI Category Distribution", "description": null, "bind": "derived.categoryDistribution", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "angleField": "value", "colorField": "name" }, "dynamic_props": {}, "styles": { "height": "300px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "charts_row_2": { "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": { "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 }, "chart_col_avg_bmi": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 12 }, "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 }, "chart_card_avg_bmi": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Average BMI by Age Group & Gender", "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "height": "400px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "chart_avg_bmi_grouped_bar": { "type": "Chart.GroupedBar", "label": "Average BMI by Age Group and Gender", "description": null, "bind": "state.calculations", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xField": "ageGroup", "yField": "avgBmi", "seriesField": "gender" }, "dynamic_props": {}, "styles": { "height": "300px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "chart_col_registration_trend": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 12 }, "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 }, "chart_card_registration_trend": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "User Registration Trend", "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "height": "400px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "chart_registration_line": { "type": "Chart.Line", "label": "User Registration Trend", "description": null, "bind": "derived.userRegistrationTrend", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xField": "date", "yField": "count", "color": "#52c41a", "smooth": true }, "dynamic_props": {}, "styles": { "height": "300px" }, "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_section_title": { "type": "Typography.Title", "label": "Quick Navigation", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 4 }, "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 }, "nav_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 }, "nav_col_users": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 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 }, "nav_users_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": "navigateToUsers", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true, "title": "User Management", "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "cursor": "pointer", "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 }, "nav_users_description": { "type": "Typography.Text", "label": "Manage user accounts, roles, and permissions", "description": null, "bind": null, "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 }, "nav_col_categories": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 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 }, "nav_categories_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": "navigateToCategories", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true, "title": "BMI Categories", "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "cursor": "pointer", "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 }, "nav_categories_description": { "type": "Typography.Text", "label": "Configure BMI category thresholds and descriptions", "description": null, "bind": null, "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 }, "nav_col_audit": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 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 }, "nav_audit_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": "navigateToAuditLogs", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true, "title": "Audit Logs", "bordered": false }, "dynamic_props": {}, "styles": { "borderRadius": "8px", "cursor": "pointer", "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 }, "nav_audit_description": { "type": "Typography.Text", "label": "View system activity logs and security events", "description": null, "bind": null, "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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "stat_cards_row", "charts_row_1", "charts_row_2", "nav_section_title", "nav_cards_row" ], "page_header": [ "page_title", "refresh_button" ], "stat_cards_row": [ "stat_col_total_users", "stat_col_total_calcs", "stat_col_today", "stat_col_week", "stat_col_month" ], "stat_col_total_users": [ "stat_card_total_users" ], "stat_card_total_users": [ "stat_total_users" ], "stat_col_total_calcs": [ "stat_card_total_calcs" ], "stat_card_total_calcs": [ "stat_total_calcs" ], "stat_col_today": [ "stat_card_today" ], "stat_card_today": [ "stat_today" ], "stat_col_week": [ "stat_card_week" ], "stat_card_week": [ "stat_week" ], "stat_col_month": [ "stat_card_month" ], "stat_card_month": [ "stat_month" ], "charts_row_1": [ "chart_col_calculations_trend", "chart_col_category_dist" ], "chart_col_calculations_trend": [ "chart_card_calculations_trend" ], "chart_card_calculations_trend": [ "chart_calculations_bar" ], "chart_col_category_dist": [ "chart_card_category_dist" ], "chart_card_category_dist": [ "chart_category_pie" ], "charts_row_2": [ "chart_col_avg_bmi", "chart_col_registration_trend" ], "chart_col_avg_bmi": [ "chart_card_avg_bmi" ], "chart_card_avg_bmi": [ "chart_avg_bmi_grouped_bar" ], "chart_col_registration_trend": [ "chart_card_registration_trend" ], "chart_card_registration_trend": [ "chart_registration_line" ], "nav_cards_row": [ "nav_col_users", "nav_col_categories", "nav_col_audit" ], "nav_col_users": [ "nav_users_card" ], "nav_users_card": [ "nav_users_description" ], "nav_col_categories": [ "nav_categories_card" ], "nav_categories_card": [ "nav_categories_description" ], "nav_col_audit": [ "nav_audit_card" ], "nav_audit_card": [ "nav_audit_description" ] }, "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 }, "page_header": { "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_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_card_total_users": { "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_calcs": { "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_today": { "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_week": { "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_month": { "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 }, "charts_row_1": { "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 }, "chart_card_calculations_trend": { "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 }, "chart_card_category_dist": { "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 }, "charts_row_2": { "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 }, "chart_card_avg_bmi": { "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 }, "chart_card_registration_trend": { "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 }, "nav_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 }, "nav_users_card": { "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 }, "nav_categories_card": { "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 }, "nav_audit_card": { "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": "Full page admin dashboard layout" } ], "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 }