{ "page_ir": { "page_id": "admin_users", "page_goal": "Admin user management page displaying all users in a data table with search, filter, pagination, and actions to view, edit, and delete users.", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "admin management interface with clear status indicators" }, "accessibility": { "required_labels": [ "search_input", "role_filter", "status_filter", "users_table", "edit_form", "view_drawer" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "sidebar collapses to hamburger on sm/md", "table scrolls horizontally on sm" ], "hidden_on_small": [ "admin_sidebar" ], "stack_on_small": [] }, "constraints": [ "Admin role required to access this page", "No Add User button - users self-register" ], "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 }, "searchText": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterRole": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterIsActive": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "paginationOffset": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "paginationLimit": { "type": "number", "initial": 20, "required": false, "constraints": {}, "item_type": null }, "selectedUserId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "selectedUser": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "viewDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "deleteModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "deleteLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "viewUserProfile": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "viewUserBookings": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "viewUserActivityLogs": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "viewLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "sidebarCollapsed": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "viewUserBookingCount": { "type": "number", "expr": "state.viewUserBookings.length", "deps": [] }, "filteredUsersCount": { "type": "number", "expr": "state.users.length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "8728c37427a54e08bcdf2a34f7b46457": { "endpoint_id": "8728c37427a54e08bcdf2a34f7b46457", "module": "User Management", "endpoint": "/users/", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.paginationLimit", "offset": "$state.paginationOffset", "role": "$state.filterRole", "is_active": "$state.filterIsActive" }, "body": null, "fields": [ "id", "email", "first_name", "last_name", "phone_number", "role", "is_active", "created_at", "updated_at" ], "response_target": "users", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "5b3097ed2338413c846a904af4e3c349": { "endpoint_id": "5b3097ed2338413c846a904af4e3c349", "module": "User Management", "endpoint": "/users/{id}/profile", "method": "GET", "path_params": { "id": "$state.selectedUserId" }, "query_params": {}, "body": null, "fields": [ "id", "email", "first_name", "last_name", "phone_number", "role", "is_active", "created_at", "updated_at" ], "response_target": "viewUserProfile", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "ed86aac571bb486eb0d08ad44cf56a21": { "endpoint_id": "ed86aac571bb486eb0d08ad44cf56a21", "module": "Booking Management", "endpoint": "/bookings/", "method": "GET", "path_params": {}, "query_params": { "user_id": "$state.selectedUserId", "limit": 50, "offset": 0 }, "body": null, "fields": [ "id", "booking_reference", "status", "total_amount", "booking_datetime", "payment_status" ], "response_target": "viewUserBookings", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "70b97f6cd1fd4fadbe81c835ece04b84": { "endpoint_id": "70b97f6cd1fd4fadbe81c835ece04b84", "module": "Activity Logs", "endpoint": "/activity-logs/", "method": "GET", "path_params": {}, "query_params": { "user_id": "$state.selectedUserId", "limit": 10, "offset": 0 }, "body": null, "fields": [ "id", "entity_type", "entity_id", "action_type", "details", "timestamp" ], "response_target": "viewUserActivityLogs", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "b1a373e2b4ed42c8900b843b160cf13b": { "endpoint_id": "b1a373e2b4ed42c8900b843b160cf13b", "module": "User Management", "endpoint": "/users/{id}/profile", "method": "PUT", "path_params": { "id": "$state.selectedUserId" }, "query_params": {}, "body": {}, "fields": [ "id", "email", "first_name", "last_name", "phone_number", "role", "is_active", "created_at", "updated_at" ], "response_target": "selectedUser", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a952093e8f624b3eb86c1fede22bea56": { "endpoint_id": "a952093e8f624b3eb86c1fede22bea56", "module": "User Management", "endpoint": "/users/{id}", "method": "DELETE", "path_params": { "id": "$state.selectedUserId" }, "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 } } }, "data_model_ir": { "entities": { "user": { "name": "User", "backend_module": "User Management", "fields": [ "id", "email", "first_name", "last_name", "phone_number", "role", "is_active", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "email", "first_name", "last_name", "phone_number", "role", "is_active", "created_at" ], "search_fields": [ "email", "first_name", "last_name", "phone_number" ], "filters": [ "role", "is_active" ], "default_sort": null, "default_sort_dir": "asc" }, "booking": { "name": "Booking", "backend_module": "Booking Management", "fields": [ "id", "reservation_id", "user_id", "schedule_id", "booking_datetime", "total_amount", "payment_status", "booking_reference", "status", "created_at", "updated_at" ], "computed": [], "display_fields": [ "booking_reference", "status", "total_amount", "booking_datetime" ], "search_fields": [], "filters": [ "user_id" ], "default_sort": null, "default_sort_dir": "asc" }, "activity_log": { "name": "ActivityLog", "backend_module": "Activity Logs", "fields": [ "id", "entity_type", "entity_id", "user_id", "action_type", "details", "ip_address", "timestamp", "created_at", "updated_at" ], "computed": [], "display_fields": [ "action_type", "entity_type", "details", "timestamp" ], "search_fields": [], "filters": [ "user_id" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onSearchChange": { "type": "mutation", "updates": [ { "target": "state.searchText", "expr": "event.target.value" } ], "description": "" }, "onRoleFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterRole", "expr": "value" }, { "target": "state.paginationOffset", "expr": "0" } ], "description": "" }, "onStatusFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterIsActive", "expr": "value" }, { "target": "state.paginationOffset", "expr": "0" } ], "description": "" }, "onPaginationChange": { "type": "mutation", "updates": [ { "target": "state.paginationOffset", "expr": "(page - 1) * state.paginationLimit" } ], "description": "" }, "onSidebarCollapse": { "type": "mutation", "updates": [ { "target": "state.sidebarCollapsed", "expr": "!state.sidebarCollapsed" } ], "description": "" } }, "actions": { "2b02989d82764d37b5137e672bc3b5b5": { "action_id": "2b02989d82764d37b5137e672bc3b5b5", "trigger": "button_click", "target_component_id": "view_button", "operation": "read", "description": "", "payload": { "userId": "$row.id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedUserId", "expr": "$row.id" }, { "target": "state.viewDrawerVisible", "expr": "true" }, { "target": "state.viewLoading", "expr": "true" } ], "api_endpoint": "5b3097ed2338413c846a904af4e3c349", "api_body": null, "side_effects": [ { "type": "api_call", "config": { "endpoint_id": "fetchUserProfile" } }, { "type": "api_call", "config": { "endpoint_id": "fetchUserBookings" } }, { "type": "api_call", "config": { "endpoint_id": "fetchUserActivityLogs" } } ], "then": null, "catch": null, "data_action": null }, "cb2f29e67d15443391f54ff470ec3538": { "action_id": "cb2f29e67d15443391f54ff470ec3538", "trigger": "button_click", "target_component_id": "view_drawer", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.viewDrawerVisible", "expr": "false" }, { "target": "state.selectedUserId", "expr": "null" }, { "target": "state.viewUserProfile", "expr": "null" }, { "target": "state.viewUserBookings", "expr": "[]" }, { "target": "state.viewUserActivityLogs", "expr": "[]" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "1ce06af197b040ba922fc757fb08773a": { "action_id": "1ce06af197b040ba922fc757fb08773a", "trigger": "button_click", "target_component_id": "edit_button", "operation": "custom", "description": "", "payload": { "userId": "$row.id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedUserId", "expr": "$row.id" }, { "target": "state.selectedUser", "expr": "$row" }, { "target": "state.editModalVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "modal_open", "config": { "modal_id": "edit_user_modal" } } ], "then": null, "catch": null, "data_action": null }, "346ed05999f249779a6be48ebe2b0167": { "action_id": "346ed05999f249779a6be48ebe2b0167", "trigger": "button_click", "target_component_id": "edit_user_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.editModalVisible", "expr": "false" }, { "target": "state.selectedUser", "expr": "null" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "modal_close", "config": { "modal_id": "edit_user_modal" } } ], "then": null, "catch": null, "data_action": null }, "446f9860403949c2abf952dcbbf7634b": { "action_id": "446f9860403949c2abf952dcbbf7634b", "trigger": "form_submit", "target_component_id": "edit_user_form", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"first_name\", \"message\": \"First name is required\", \"rule_id\": \"val_first_name\", \"type\": \"required\"}", "message": "{\"field\": \"first_name\", \"message\": \"First name is required\", \"rule_id\": \"val_first_name\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"last_name\", \"message\": \"Last name is required\", \"rule_id\": \"val_last_name\", \"type\": \"required\"}", "message": "{\"field\": \"last_name\", \"message\": \"Last name is required\", \"rule_id\": \"val_last_name\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"role\", \"message\": \"Role is required\", \"rule_id\": \"val_role\", \"type\": \"required\"}", "message": "{\"field\": \"role\", \"message\": \"Role is required\", \"rule_id\": \"val_role\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.editLoading", "expr": "true" } ], "api_endpoint": "b1a373e2b4ed42c8900b843b160cf13b", "api_body": "{ first_name: formValues.first_name, last_name: formValues.last_name, phone_number: formValues.phone_number, role: formValues.role, is_active: formValues.is_active }", "side_effects": [ { "type": "toast", "config": { "message": "User updated successfully", "type": "success" } }, { "type": "modal_close", "config": { "modal_id": "edit_user_modal" } }, { "type": "refresh", "config": { "endpoint_id": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "b94e57bbe2b744d28512da2601d5e744": { "action_id": "b94e57bbe2b744d28512da2601d5e744", "trigger": "button_click", "target_component_id": "delete_button", "operation": "custom", "description": "", "payload": { "userId": "$row.id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedUserId", "expr": "$row.id" }, { "target": "state.selectedUser", "expr": "$row" }, { "target": "state.deleteModalVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "modal_open", "config": { "modal_id": "delete_user_modal" } } ], "then": null, "catch": null, "data_action": null }, "ab2a45639135499d88ca4e06f696c1b2": { "action_id": "ab2a45639135499d88ca4e06f696c1b2", "trigger": "button_click", "target_component_id": "delete_user_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.deleteModalVisible", "expr": "false" }, { "target": "state.selectedUser", "expr": "null" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "modal_close", "config": { "modal_id": "delete_user_modal" } } ], "then": null, "catch": null, "data_action": null }, "bca46fe4768c4ad6922019a83e303a3f": { "action_id": "bca46fe4768c4ad6922019a83e303a3f", "trigger": "button_click", "target_component_id": "confirm_delete_button", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.deleteLoading", "expr": "true" } ], "api_endpoint": "a952093e8f624b3eb86c1fede22bea56", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "User deleted successfully", "type": "success" } }, { "type": "modal_close", "config": { "modal_id": "delete_user_modal" } }, { "type": "refresh", "config": { "endpoint_id": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "d8fda0823471438c91988f3439be9797": { "action_id": "d8fda0823471438c91988f3439be9797", "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 }, "267753057bc74ee7bb9aff7afa8214b3": { "action_id": "267753057bc74ee7bb9aff7afa8214b3", "trigger": "button_click", "target_component_id": "nav_routes", "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/routes" } } ], "then": null, "catch": null, "data_action": null }, "8436adfa30684624802597c443522cbb": { "action_id": "8436adfa30684624802597c443522cbb", "trigger": "button_click", "target_component_id": "nav_buses", "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/buses" } } ], "then": null, "catch": null, "data_action": null }, "dc93d44433cb401da1c068ebbd4f5db0": { "action_id": "dc93d44433cb401da1c068ebbd4f5db0", "trigger": "button_click", "target_component_id": "nav_schedules", "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/schedules" } } ], "then": null, "catch": null, "data_action": null }, "8a02ba0a39254ad48dc17de6f92d403a": { "action_id": "8a02ba0a39254ad48dc17de6f92d403a", "trigger": "button_click", "target_component_id": "nav_bookings", "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/bookings" } } ], "then": null, "catch": null, "data_action": null }, "f1d4905e16304ea4920a9421eb3aaa8f": { "action_id": "f1d4905e16304ea4920a9421eb3aaa8f", "trigger": "button_click", "target_component_id": "nav_reservations", "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/reservations" } } ], "then": null, "catch": null, "data_action": null }, "5afd03ea99534e949fb8f098b8ccaae5": { "action_id": "5afd03ea99534e949fb8f098b8ccaae5", "trigger": "button_click", "target_component_id": "nav_activity_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/activity-logs" } } ], "then": null, "catch": null, "data_action": null }, "b24ce43f95084acf864a52bf8d21e2af": { "action_id": "b24ce43f95084acf864a52bf8d21e2af", "trigger": "button_click", "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": "8728c37427a54e08bcdf2a34f7b46457", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null } }, "feedback": { "2b02989d82764d37b5137e672bc3b5b5": { "action_id": "2b02989d82764d37b5137e672bc3b5b5", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load user profile", "ui_updates": [] }, "446f9860403949c2abf952dcbbf7634b": { "action_id": "446f9860403949c2abf952dcbbf7634b", "loading_indicator": "spinner", "loading_text": null, "success_message": "User updated successfully", "error_message": "Failed to update user", "ui_updates": [] }, "bca46fe4768c4ad6922019a83e303a3f": { "action_id": "bca46fe4768c4ad6922019a83e303a3f", "loading_indicator": "spinner", "loading_text": null, "success_message": "User deleted successfully", "error_message": "Failed to delete user", "ui_updates": [] }, "b24ce43f95084acf864a52bf8d21e2af": { "action_id": "b24ce43f95084acf864a52bf8d21e2af", "loading_indicator": "skeleton", "loading_text": null, "success_message": null, "error_message": "Failed to load users", "ui_updates": [] }, "d8fda0823471438c91988f3439be9797": { "action_id": "d8fda0823471438c91988f3439be9797", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "267753057bc74ee7bb9aff7afa8214b3": { "action_id": "267753057bc74ee7bb9aff7afa8214b3", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "8436adfa30684624802597c443522cbb": { "action_id": "8436adfa30684624802597c443522cbb", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "dc93d44433cb401da1c068ebbd4f5db0": { "action_id": "dc93d44433cb401da1c068ebbd4f5db0", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "8a02ba0a39254ad48dc17de6f92d403a": { "action_id": "8a02ba0a39254ad48dc17de6f92d403a", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "f1d4905e16304ea4920a9421eb3aaa8f": { "action_id": "f1d4905e16304ea4920a9421eb3aaa8f", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "5afd03ea99534e949fb8f098b8ccaae5": { "action_id": "5afd03ea99534e949fb8f098b8ccaae5", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "1ce06af197b040ba922fc757fb08773a": { "action_id": "1ce06af197b040ba922fc757fb08773a", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "346ed05999f249779a6be48ebe2b0167": { "action_id": "346ed05999f249779a6be48ebe2b0167", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "b94e57bbe2b744d28512da2601d5e744": { "action_id": "b94e57bbe2b744d28512da2601d5e744", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "ab2a45639135499d88ca4e06f696c1b2": { "action_id": "ab2a45639135499d88ca4e06f696c1b2", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "cb2f29e67d15443391f54ff470ec3538": { "action_id": "cb2f29e67d15443391f54ff470ec3538", "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%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "admin_sidebar": { "type": "Layout.Sider", "label": "Admin Navigation", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "collapsible": true, "collapsed": "$state.sidebarCollapsed", "onCollapse": "onSidebarCollapse", "width": 240, "theme": "light", "breakpoint": "lg", "collapsedWidth": 80 }, "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": "Bus Admin" }, "dynamic_props": {}, "styles": { "padding": "16px 24px", "margin": 0, "borderBottom": "1px solid #f0f0f0", "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 }, "sidebar_menu": { "type": "Menu", "label": "Admin Navigation Menu", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "inline", "selectedKeys": [ "users" ], "items": [ { "key": "dashboard", "icon": "DashboardOutlined", "label": "Dashboard" }, { "key": "routes", "icon": "NodeIndexOutlined", "label": "Routes" }, { "key": "buses", "icon": "CarOutlined", "label": "Buses" }, { "key": "schedules", "icon": "ScheduleOutlined", "label": "Schedules" }, { "key": "bookings", "icon": "BookOutlined", "label": "Bookings" }, { "key": "reservations", "icon": "ClockCircleOutlined", "label": "Reservations" }, { "key": "activity_logs", "icon": "FileTextOutlined", "label": "Activity Logs" }, { "key": "users", "icon": "TeamOutlined", "label": "Users" } ] }, "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_dashboard": { "type": "Menu.Item", "label": "Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "dashboard" }, "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_routes": { "type": "Menu.Item", "label": "Routes", "description": null, "bind": null, "onClick": "navigateToRoutes", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "routes" }, "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_buses": { "type": "Menu.Item", "label": "Buses", "description": null, "bind": null, "onClick": "navigateToBuses", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "buses" }, "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_schedules": { "type": "Menu.Item", "label": "Schedules", "description": null, "bind": null, "onClick": "navigateToSchedules", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "schedules" }, "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_bookings": { "type": "Menu.Item", "label": "Bookings", "description": null, "bind": null, "onClick": "navigateToBookings", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "bookings" }, "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_reservations": { "type": "Menu.Item", "label": "Reservations", "description": null, "bind": null, "onClick": "navigateToReservations", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "reservations" }, "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_activity_logs": { "type": "Menu.Item", "label": "Activity Logs", "description": null, "bind": null, "onClick": "navigateToActivityLogs", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "activity_logs" }, "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_area": { "type": "Layout.Content", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "24px", "background": "#f5f5f5", "flex": 1, "overflow": "auto" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_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" }, "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": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2, "children": "User Management" }, "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 }, "page_subtitle": { "type": "Typography.Text", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary", "children": "Manage all registered users, view profiles, and update user settings." }, "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 }, "filters_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": { "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 }, "filters_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ], "align": "middle" }, "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 }, "search_col": { "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": 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 }, "search_input": { "type": "Input.Search", "label": "Search users", "description": null, "bind": "state.searchText", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by email, name, or phone...", "allowClear": true, "onChange": "onSearchChange" }, "dynamic_props": {}, "styles": { "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "role_filter_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 12, "sm": 6, "md": 4, "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 }, "role_filter": { "type": "Select", "label": "Filter by role", "description": null, "bind": "state.filterRole", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Roles", "allowClear": true, "onChange": "onRoleFilterChange", "options": [ { "label": "Guest", "value": "GUEST" }, { "label": "Customer", "value": "CUSTOMER" }, { "label": "Admin", "value": "ADMIN" } ] }, "dynamic_props": {}, "styles": { "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "status_filter_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 12, "sm": 6, "md": 4, "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 }, "status_filter": { "type": "Select", "label": "Filter by status", "description": null, "bind": "state.filterIsActive", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Statuses", "allowClear": true, "onChange": "onStatusFilterChange", "options": [ { "label": "Active", "value": "true" }, { "label": "Inactive", "value": "false" } ] }, "dynamic_props": {}, "styles": { "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "table_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": {}, "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": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "$state.usersLoading", "pagination": { "current": "$derived.currentPage", "pageSize": "$state.paginationLimit", "onChange": "onPaginationChange", "showSizeChanger": true, "showTotal": true }, "scroll": { "x": 1200 }, "columns": [ { "title": "User ID", "dataIndex": "id", "key": "id", "width": 100, "ellipsis": true }, { "title": "Email", "dataIndex": "email", "key": "email", "width": 200, "ellipsis": true }, { "title": "First Name", "dataIndex": "first_name", "key": "first_name", "width": 130 }, { "title": "Last Name", "dataIndex": "last_name", "key": "last_name", "width": 130 }, { "title": "Phone Number", "dataIndex": "phone_number", "key": "phone_number", "width": 140 }, { "title": "Role", "dataIndex": "role", "key": "role", "width": 100, "render": "tag", "renderConfig": { "colorMap": { "ADMIN": "red", "CUSTOMER": "blue", "GUEST": "default" } } }, { "title": "Status", "dataIndex": "is_active", "key": "is_active", "width": 100, "render": "badge", "renderConfig": { "trueText": "Active", "falseText": "Inactive", "trueColor": "green", "falseColor": "red" } }, { "title": "Created At", "dataIndex": "created_at", "key": "created_at", "width": 160, "render": "datetime" }, { "title": "Actions", "key": "actions", "width": 140, "fixed": "right", "render": "action_buttons", "renderConfig": { "buttons": [ { "icon": "EyeOutlined", "tooltip": "View", "actionId": "viewUser" }, { "icon": "EditOutlined", "tooltip": "Edit", "actionId": "openEditModal" }, { "icon": "DeleteOutlined", "tooltip": "Delete", "actionId": "openDeleteModal", "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 }, "view_button": { "type": "Button", "label": "View", "description": null, "bind": null, "onClick": "viewUser", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "text", "icon": "EyeOutlined", "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "edit_button": { "type": "Button", "label": "Edit", "description": null, "bind": null, "onClick": "openEditModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "text", "icon": "EditOutlined", "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "delete_button": { "type": "Button", "label": "Delete", "description": null, "bind": null, "onClick": "openDeleteModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "text", "icon": "DeleteOutlined", "size": "small", "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 }, "view_drawer": { "type": "Drawer", "label": "User Profile", "description": null, "bind": "state.viewDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "User Profile", "width": 520, "open": "$state.viewDrawerVisible", "onClose": "closeViewDrawer", "placement": "right" }, "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_drawer_content": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "view_spin_wrapper": { "type": "Spin", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "spinning": "$state.viewLoading" }, "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_profile_section": { "type": "Descriptions", "label": "Profile Information", "description": null, "bind": "state.viewUserProfile", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Profile Information", "bordered": true, "column": 1, "size": "small", "items": [ { "label": "User ID", "field": "id" }, { "label": "Email", "field": "email" }, { "label": "First Name", "field": "first_name" }, { "label": "Last Name", "field": "last_name" }, { "label": "Phone Number", "field": "phone_number" }, { "label": "Role", "field": "role", "render": "tag" }, { "label": "Status", "field": "is_active", "render": "badge" }, { "label": "Created At", "field": "created_at", "render": "datetime" }, { "label": "Updated At", "field": "updated_at", "render": "datetime" } ] }, "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 }, "view_booking_count_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small", "bordered": true }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "view_booking_statistic": { "type": "Statistic", "label": "Total Bookings", "description": null, "bind": "derived.viewUserBookingCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Total Bookings", "value": "$derived.viewUserBookingCount", "prefix": "BookOutlined" }, "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_activity_section_title": { "type": "Typography.Title", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 5, "children": "Recent Activity" }, "dynamic_props": {}, "styles": { "marginBottom": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "view_activity_list": { "type": "List", "label": "Recent Activity", "description": null, "bind": "state.viewUserActivityLogs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "dataSource": "$state.viewUserActivityLogs", "size": "small", "renderItem": { "title": "action_type", "description": "timestamp", "extra": "entity_type" } }, "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 }, "edit_user_modal": { "type": "Modal", "label": "Edit User", "description": null, "bind": "state.editModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit User", "open": "$state.editModalVisible", "onCancel": "closeEditModal", "onOk": "submitEditUser", "confirmLoading": "$state.editLoading", "okText": "Save Changes", "width": 520, "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 }, "edit_user_form": { "type": "Form", "label": "Edit User Form", "description": null, "bind": "state.selectedUser", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "initialValues": "$state.selectedUser", "onFinish": "submitEditUser", "fields": [ { "name": "first_name", "label": "First Name", "component": "Input", "rules": [ { "required": true, "message": "First name is required" } ] }, { "name": "last_name", "label": "Last Name", "component": "Input", "rules": [ { "required": true, "message": "Last name is required" } ] }, { "name": "phone_number", "label": "Phone Number", "component": "Input", "rules": [] }, { "name": "role", "label": "Role", "component": "Select", "rules": [ { "required": true, "message": "Role is required" } ], "componentProps": { "options": [ { "label": "Guest", "value": "GUEST" }, { "label": "Customer", "value": "CUSTOMER" }, { "label": "Admin", "value": "ADMIN" } ] } }, { "name": "is_active", "label": "Active", "component": "Switch", "valuePropName": "checked", "rules": [] } ] }, "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_user_modal": { "type": "Modal", "label": "Delete User", "description": null, "bind": "state.deleteModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Delete User", "open": "$state.deleteModalVisible", "onCancel": "closeDeleteModal", "onOk": "confirmDeleteUser", "confirmLoading": "$state.deleteLoading", "okText": "Delete", "okButtonProps": { "danger": true }, "width": 480 }, "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": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "delete_warning_alert": { "type": "Alert", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "warning", "showIcon": true, "message": "Warning: Deleting a user is irreversible", "description": "This user may have associated bookings, reservations, and activity logs. Deleting this user will affect all related records. Please ensure this action is intended." }, "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 }, "delete_user_info": { "type": "Descriptions", "label": null, "description": null, "bind": "state.selectedUser", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 1, "size": "small", "items": [ { "label": "Email", "field": "email" }, { "label": "Name", "field": "first_name" }, { "label": "Role", "field": "role" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "confirm_delete_button": { "type": "Button", "label": "Delete", "description": null, "bind": null, "onClick": "confirmDeleteUser", "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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "admin_sidebar", "content_area" ], "admin_sidebar": [ "sidebar_logo", "sidebar_menu" ], "sidebar_menu": [ "nav_dashboard", "nav_routes", "nav_buses", "nav_schedules", "nav_bookings", "nav_reservations", "nav_activity_logs" ], "content_area": [ "page_header", "filters_card", "table_card", "view_drawer", "edit_user_modal", "delete_user_modal" ], "page_header": [ "page_title", "page_subtitle" ], "filters_card": [ "filters_row" ], "filters_row": [ "search_col", "role_filter_col", "status_filter_col" ], "search_col": [ "search_input" ], "role_filter_col": [ "role_filter" ], "status_filter_col": [ "status_filter" ], "table_card": [ "users_table" ], "view_drawer": [ "view_drawer_content" ], "view_drawer_content": [ "view_spin_wrapper" ], "view_spin_wrapper": [ "view_profile_section", "view_booking_count_card", "view_activity_section_title", "view_activity_list" ], "view_booking_count_card": [ "view_booking_statistic" ], "edit_user_modal": [ "edit_user_form" ], "delete_user_modal": [ "delete_modal_content" ], "delete_modal_content": [ "delete_warning_alert", "delete_user_info" ] }, "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 }, "admin_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 }, "filters_card": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filters_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 }, "search_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 }, "role_filter_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 }, "status_filter_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 }, "table_card": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "view_drawer": { "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 }, "view_drawer_content": { "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 }, "view_spin_wrapper": { "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 }, "view_booking_count_card": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "edit_user_modal": { "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 }, "delete_user_modal": { "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 }, "delete_modal_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 } }, "layout_zones": [ { "zone_id": "sidebar_zone", "component": "admin_sidebar", "anchor": "top-left", "size_hint": "240px", "z_layer": "base", "notes": "Fixed left sidebar for admin navigation" }, { "zone_id": "content_zone", "component": "content_area", "anchor": "center", "size_hint": "auto", "z_layer": "base", "notes": "Main content area with table and filters" }, { "zone_id": "view_drawer_zone", "component": "view_drawer", "anchor": "top-left", "size_hint": "520px", "z_layer": "overlay", "notes": "Right-side drawer for viewing user profile" }, { "zone_id": "edit_modal_zone", "component": "edit_user_modal", "anchor": "center", "size_hint": "520px", "z_layer": "overlay", "notes": "Modal for editing user details" }, { "zone_id": "delete_modal_zone", "component": "delete_user_modal", "anchor": "center", "size_hint": "480px", "z_layer": "overlay", "notes": "Confirmation modal for deleting a user" } ], "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 }