{ "page_ir": { "page_id": "admin_users", "page_goal": "Admin user management page with paginated table, search/filter, user detail drawer, and enable/disable/delete actions with audit logging", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with status indicators" }, "accessibility": { "required_labels": [ "search_input", "status_filter", "users_table", "user_detail_drawer", "delete_confirm_modal" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "table scrolls horizontally on small screens", "drawer becomes full-width on mobile" ], "hidden_on_small": [ "last_login_column" ], "stack_on_small": [] }, "constraints": [ "Only accessible by users with ADMINISTRATOR role", "All actions logged to audit trail" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "users": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "usersLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "totalUsers": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "currentPage": { "type": "number", "initial": 1, "required": false, "constraints": { "min": 1 }, "item_type": null }, "pageSize": { "type": "number", "initial": 20, "required": false, "constraints": {}, "item_type": null }, "searchQuery": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "statusFilter": { "type": "string", "initial": "all", "required": false, "constraints": {}, "item_type": null }, "drawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedUserId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "selectedUserDetails": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "deleteModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "userToDelete": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "actionLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredOffset": { "type": "number", "expr": "(state.currentPage - 1) * state.pageSize", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "cda32b3764b546f6add0e9309710bcec": { "endpoint_id": "cda32b3764b546f6add0e9309710bcec", "module": "User Management", "endpoint": "/users/", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.pageSize", "offset": "$derived.filteredOffset", "is_active": "$state.statusFilter" }, "body": null, "fields": [ "id", "user_id", "email", "first_name", "last_name", "is_active", "role", "last_login_at", "created_at" ], "response_target": "users", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c29602f794424953b9e23d9a19a2f9c0": { "endpoint_id": "c29602f794424953b9e23d9a19a2f9c0", "module": "User Management", "endpoint": "/users/{user_id}/details", "method": "GET", "path_params": { "user_id": "$state.selectedUserId" }, "query_params": {}, "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", "profile" ], "response_target": "selectedUserDetails", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "94d5d86a7a704deea247f97ba5f84ca6": { "endpoint_id": "94d5d86a7a704deea247f97ba5f84ca6", "module": "User Management", "endpoint": "/users/{user_id}/disable", "method": "POST", "path_params": { "user_id": "$state.selectedUserId" }, "query_params": {}, "body": null, "fields": [ "id", "user_id", "is_active" ], "response_target": "94d5d86a7a704deea247f97ba5f84ca6_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "2d04223c612b422b94ec59263fb9993b": { "endpoint_id": "2d04223c612b422b94ec59263fb9993b", "module": "User Management", "endpoint": "/users/{user_id}/enable", "method": "POST", "path_params": { "user_id": "$state.selectedUserId" }, "query_params": {}, "body": null, "fields": [ "id", "user_id", "is_active" ], "response_target": "2d04223c612b422b94ec59263fb9993b_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "20ce7778b5f340d6917e5dc8238f6bf5": { "endpoint_id": "20ce7778b5f340d6917e5dc8238f6bf5", "module": "User Management", "endpoint": "/users/{user_id}", "method": "DELETE", "path_params": { "user_id": "$state.userToDelete.user_id" }, "query_params": {}, "body": null, "fields": [], "response_target": "deleteUser_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "0cf7e793511b444a9b7f00d12edf16df": { "endpoint_id": "0cf7e793511b444a9b7f00d12edf16df", "module": "Audit Logs", "endpoint": "/audit-logs/", "method": "POST", "path_params": {}, "query_params": {}, "body": { "user_id": "appContext.currentUser.userId", "action": "$action.auditAction", "entity_type": "user", "entity_id": "$action.entityId", "timestamp": "new Date().toISOString()", "details": "$action.auditDetails" }, "fields": [ "id", "log_id", "action", "entity_type", "entity_id", "timestamp" ], "response_target": "createAuditLog_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "user": { "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", "created_at", "last_login_at", "is_active", "role" ], "search_fields": [ "email", "first_name", "last_name" ], "filters": [ "is_active", "role" ], "default_sort": null, "default_sort_dir": "asc" }, "userDetails": { "name": "UserDetails", "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", "profile" ], "computed": [], "display_fields": [ "email", "first_name", "last_name", "date_of_birth", "gender", "is_active", "role", "last_login_at", "created_at" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onSearchChange": { "type": "mutation", "updates": [ { "target": "state.searchQuery", "expr": "event.target.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onStatusFilterChange": { "type": "mutation", "updates": [ { "target": "state.statusFilter", "expr": "value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onPageChange": { "type": "mutation", "updates": [ { "target": "state.currentPage", "expr": "page" } ], "description": "" }, "onRowClick": { "type": "mutation", "updates": [ { "target": "state.selectedUserId", "expr": "record.user_id" }, { "target": "state.drawerVisible", "expr": "true" } ], "description": "" }, "onDrawerClose": { "type": "mutation", "updates": [ { "target": "state.drawerVisible", "expr": "false" }, { "target": "state.selectedUserDetails", "expr": "null" } ], "description": "" }, "onDeleteModalOpen": { "type": "mutation", "updates": [ { "target": "state.deleteModalVisible", "expr": "true" }, { "target": "state.userToDelete", "expr": "record" } ], "description": "" }, "onDeleteModalClose": { "type": "mutation", "updates": [ { "target": "state.deleteModalVisible", "expr": "false" }, { "target": "state.userToDelete", "expr": "null" } ], "description": "" } }, "actions": { "900a3c22c7fe418f8f19f9ee79e8b2f9": { "action_id": "900a3c22c7fe418f8f19f9ee79e8b2f9", "trigger": "form_submit", "target_component_id": "users_table", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.usersLoading", "expr": "true" } ], "api_endpoint": "cda32b3764b546f6add0e9309710bcec", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "eede3766cbe64a38a7b8db6a6fa6bf7e": { "action_id": "eede3766cbe64a38a7b8db6a6fa6bf7e", "trigger": "row_click", "target_component_id": "user_detail_drawer", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedUserId", "expr": "record.user_id" }, { "target": "state.drawerVisible", "expr": "true" } ], "api_endpoint": "c29602f794424953b9e23d9a19a2f9c0", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "94d5d86a7a704deea247f97ba5f84ca6": { "action_id": "94d5d86a7a704deea247f97ba5f84ca6", "trigger": "button_click", "target_component_id": "disable_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.actionLoading", "expr": "true" } ], "api_endpoint": "94d5d86a7a704deea247f97ba5f84ca6", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "User account disabled successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "2d04223c612b422b94ec59263fb9993b": { "action_id": "2d04223c612b422b94ec59263fb9993b", "trigger": "button_click", "target_component_id": "enable_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.actionLoading", "expr": "true" } ], "api_endpoint": "2d04223c612b422b94ec59263fb9993b", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "User account enabled successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "8a80091caeab4b03b51b257a2e464cdd": { "action_id": "8a80091caeab4b03b51b257a2e464cdd", "trigger": "button_click", "target_component_id": "delete_confirm_button", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.actionLoading", "expr": "true" } ], "api_endpoint": "20ce7778b5f340d6917e5dc8238f6bf5", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "User account deleted successfully", "type": "success" } }, { "type": "modal_close", "config": { "modal_id": "delete_confirm_modal" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "9ea26c1644dd444ab92b1dd190e07225": { "action_id": "9ea26c1644dd444ab92b1dd190e07225", "trigger": "button_click", "target_component_id": "nav_dashboard", "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" } } ], "then": null, "catch": null, "data_action": null }, "bc3bb98ef2754113a5967ebb5ef388c3": { "action_id": "bc3bb98ef2754113a5967ebb5ef388c3", "trigger": "button_click", "target_component_id": "nav_categories", "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 }, "5316bd8ea94645be9a5d222d5ad82c6e": { "action_id": "5316bd8ea94645be9a5d222d5ad82c6e", "trigger": "button_click", "target_component_id": "nav_audit_logs", "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 } }, "feedback": { "900a3c22c7fe418f8f19f9ee79e8b2f9": { "action_id": "900a3c22c7fe418f8f19f9ee79e8b2f9", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load users", "ui_updates": [ "state.usersLoading = false" ] }, "eede3766cbe64a38a7b8db6a6fa6bf7e": { "action_id": "eede3766cbe64a38a7b8db6a6fa6bf7e", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load user details", "ui_updates": [] }, "94d5d86a7a704deea247f97ba5f84ca6": { "action_id": "94d5d86a7a704deea247f97ba5f84ca6", "loading_indicator": "spinner", "loading_text": null, "success_message": "User account disabled successfully", "error_message": "Failed to disable user account", "ui_updates": [ "state.actionLoading = false" ] }, "2d04223c612b422b94ec59263fb9993b": { "action_id": "2d04223c612b422b94ec59263fb9993b", "loading_indicator": "spinner", "loading_text": null, "success_message": "User account enabled successfully", "error_message": "Failed to enable user account", "ui_updates": [ "state.actionLoading = false" ] }, "8a80091caeab4b03b51b257a2e464cdd": { "action_id": "8a80091caeab4b03b51b257a2e464cdd", "loading_indicator": "spinner", "loading_text": null, "success_message": "User account deleted successfully", "error_message": "Failed to delete user account", "ui_updates": [ "state.actionLoading = false", "state.deleteModalVisible = false", "state.userToDelete = null" ] }, "9ea26c1644dd444ab92b1dd190e07225": { "action_id": "9ea26c1644dd444ab92b1dd190e07225", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "bc3bb98ef2754113a5967ebb5ef388c3": { "action_id": "bc3bb98ef2754113a5967ebb5ef388c3", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "5316bd8ea94645be9a5d222d5ad82c6e": { "action_id": "5316bd8ea94645be9a5d222d5ad82c6e", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "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": "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%", "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 }, "header_title": { "type": "Typography.Title", "label": "User Management", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "marginBottom": "0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "header_breadcrumb": { "type": "Breadcrumb", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "title": "Admin", "href": "/admin" }, { "title": "User Management" } ] }, "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_tabs": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "8px", "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_dashboard": { "type": "Button", "label": "Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "text" }, "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_active": { "type": "Button", "label": "Users", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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 }, "nav_categories": { "type": "Button", "label": "Categories", "description": null, "bind": null, "onClick": "navigateToCategories", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "text" }, "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_logs": { "type": "Button", "label": "Audit Logs", "description": null, "bind": null, "onClick": "navigateToAuditLogs", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "text" }, "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_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": { "margin": "24px", "borderRadius": "6px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "toolbar_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", "flexWrap": "wrap", "gap": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "search_input": { "type": "Input.Search", "label": "Search users", "description": null, "bind": "state.searchQuery", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by email or name...", "allowClear": true, "style": { "width": 300 } }, "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 }, "status_filter": { "type": "Select", "label": "Filter by status", "description": null, "bind": "state.statusFilter", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Filter by status", "style": { "width": 180 }, "allowClear": true, "options": [ { "label": "All Users", "value": "all" }, { "label": "Active", "value": "true" }, { "label": "Inactive", "value": "false" } ] }, "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 }, "users_table": { "type": "Table", "label": "Users table", "description": null, "bind": "state.users", "onClick": "viewUserDetails", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "user_id", "loading": "state.usersLoading", "pagination": { "current": "state.currentPage", "pageSize": "state.pageSize", "total": "state.totalUsers", "showSizeChanger": true, "showTotal": true }, "columns": [ { "title": "Email", "dataIndex": "email", "key": "email", "sorter": true }, { "title": "Name", "key": "name", "render": "record.first_name + ' ' + record.last_name" }, { "title": "Registration Date", "dataIndex": "created_at", "key": "created_at", "sorter": true, "render": "date" }, { "title": "Last Login", "dataIndex": "last_login_at", "key": "last_login_at", "sorter": true, "render": "date" }, { "title": "Role", "dataIndex": "role", "key": "role", "render": "tag" }, { "title": "Status", "dataIndex": "is_active", "key": "is_active", "render": "status_badge" }, { "title": "Actions", "key": "actions", "render": "action_buttons" } ], "onRow": "onRowClick" }, "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 }, "user_detail_drawer": { "type": "Drawer", "label": "User Details", "description": null, "bind": "state.drawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "User Details", "width": 600, "open": "state.drawerVisible", "onClose": "onDrawerClose", "destroyOnClose": 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 }, "drawer_content": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "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 }, "user_info_section": { "type": "Descriptions", "label": "Profile Information", "description": null, "bind": "state.selectedUserDetails", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Profile Information", "bordered": true, "column": 1, "items": [ { "label": "Email", "field": "email" }, { "label": "First Name", "field": "first_name" }, { "label": "Last Name", "field": "last_name" }, { "label": "Date of Birth", "field": "date_of_birth" }, { "label": "Gender", "field": "gender" }, { "label": "Role", "field": "role" }, { "label": "Status", "field": "is_active" }, { "label": "Last Login", "field": "last_login_at" }, { "label": "Registered", "field": "created_at" } ] }, "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 }, "drawer_actions": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "8px", "marginTop": "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 }, "enable_button": { "type": "Button", "label": "Enable Account", "description": null, "bind": null, "onClick": "enableUser", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "ghost": 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 }, "disable_button": { "type": "Button", "label": "Disable Account", "description": null, "bind": null, "onClick": "disableUser", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "danger": false }, "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 }, "delete_button": { "type": "Button", "label": "Delete User", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "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 }, "delete_confirm_modal": { "type": "Modal", "label": "Confirm Delete", "description": null, "bind": "state.deleteModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Confirm User Deletion", "open": "state.deleteModalVisible", "onCancel": "onDeleteModalClose", "okText": "Delete", "okType": "danger", "confirmLoading": "state.actionLoading" }, "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 }, "delete_modal_content": { "type": "Typography.Text", "label": "Are you sure you want to delete this user? This action cannot be undone. All user data including calculation history and goals will be permanently removed.", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "danger" }, "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 }, "delete_confirm_button": { "type": "Button", "label": "Confirm Delete", "description": null, "bind": null, "onClick": "confirmDeleteUser", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "danger": true, "loading": "state.actionLoading" }, "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", "content_card", "user_detail_drawer", "delete_confirm_modal" ], "page_header": [ "header_breadcrumb", "header_title", "nav_tabs" ], "nav_tabs": [ "nav_dashboard", "nav_users_active", "nav_categories", "nav_audit_logs" ], "content_card": [ "toolbar_row", "users_table" ], "toolbar_row": [ "search_input", "status_filter" ], "user_detail_drawer": [ "drawer_content" ], "drawer_content": [ "user_info_section", "drawer_actions" ], "drawer_actions": [ "enable_button", "disable_button", "delete_button" ], "delete_confirm_modal": [ "delete_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 }, "page_header": { "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_tabs": { "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 }, "content_card": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "toolbar_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 }, "drawer_content": { "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 }, "drawer_actions": { "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 }, "delete_confirm_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": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Root page container" }, { "zone_id": "drawer_zone", "component": "user_detail_drawer", "anchor": "top-left", "size_hint": "auto", "z_layer": "overlay", "notes": "User detail drawer overlay" }, { "zone_id": "modal_zone", "component": "delete_confirm_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Delete confirmation modal overlay" } ], "responsive_overrides": [] }, "navigation_ir": { "tabs": [], "modals": {}, "drawers": {}, "routes": [], "breadcrumb": null, "default_tab": null }, "realtime_ir": { "timers": {}, "polling": {} }, "metadata": { "ir_version": "3.5", "generated_at": "", "source_prompt": null, "schema_session_id": null, "warnings": [] }, "page_data_contract": null, "schema_ir": null }