{ "page_ir": { "page_id": "user_management", "page_goal": "Manage users, roles, and permissions with tabbed interface supporting CRUD operations, search, pagination, and history viewing", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with blue accents" }, "accessibility": { "required_labels": [ "Users Table", "Roles Table", "Permissions Table", "Create User Form", "Create Role Form", "Create Permission Form" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "table columns collapse on small screens" ], "hidden_on_small": [ "metadata_column" ], "stack_on_small": [] }, "constraints": [ "All modals must be closable", "Tables must support pagination", "Search must filter results" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "activeTab": { "type": "string", "initial": "users", "required": true, "constraints": {}, "item_type": null }, "users": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "roles": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "permissions": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "usersSearch": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "rolesSearch": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "permissionsSearch": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "usersOffset": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "rolesOffset": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "permissionsOffset": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "createUserModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editUserModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "createRoleModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editRoleModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "createPermissionModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editPermissionModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "roleHistoryDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "permissionHistoryDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedUserId": { "type": "number", "initial": null, "required": false, "constraints": {}, "item_type": null }, "selectedRoleId": { "type": "number", "initial": null, "required": false, "constraints": {}, "item_type": null }, "selectedPermissionId": { "type": "number", "initial": null, "required": false, "constraints": {}, "item_type": null }, "roleHistory": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "permissionHistory": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": {} }, "data_fetch_ir": { "endpoints": { "005d7e44c03f4237a03ddc92205ea1db": { "endpoint_id": "005d7e44c03f4237a03ddc92205ea1db", "module": "User Management", "endpoint": "/user-management/users", "method": "GET", "path_params": {}, "query_params": { "limit": 20, "offset": "$state.usersOffset", "search": "$state.usersSearch" }, "body": null, "fields": [ "id", "submenu_id", "username", "email", "notes", "metadata", "version", "created_at", "updated_at" ], "response_target": "users", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "32a08505ef9b4767abb8a844936bc626": { "endpoint_id": "32a08505ef9b4767abb8a844936bc626", "module": "User Management", "endpoint": "/user-management/roles", "method": "GET", "path_params": {}, "query_params": { "limit": 20, "offset": "$state.rolesOffset", "search": "$state.rolesSearch" }, "body": null, "fields": [ "id", "submenu_id", "role_name", "notes", "metadata", "version", "created_at", "updated_at" ], "response_target": "roles", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "fccfb87b3c664fdb9c7ae697484b9b97": { "endpoint_id": "fccfb87b3c664fdb9c7ae697484b9b97", "module": "User Management", "endpoint": "/user-management/permissions", "method": "GET", "path_params": {}, "query_params": { "limit": 20, "offset": "$state.permissionsOffset", "search": "$state.permissionsSearch" }, "body": null, "fields": [ "id", "submenu_id", "permission_name", "notes", "metadata", "version", "created_at", "updated_at" ], "response_target": "permissions", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "9f601431a17f497bb3b4926e465d9de8": { "endpoint_id": "9f601431a17f497bb3b4926e465d9de8", "module": "User Management", "endpoint": "/user-management/users", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "username", "email", "created_at" ], "response_target": "createUser_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "4ccf2596b56d4d919d2f7723b3dd691e": { "endpoint_id": "4ccf2596b56d4d919d2f7723b3dd691e", "module": "User Management", "endpoint": "/user-management/users/{user_id}", "method": "PUT", "path_params": { "user_id": "$state.selectedUserId" }, "query_params": {}, "body": {}, "fields": [ "id", "username", "email", "updated_at" ], "response_target": "updateUser_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "3857a1ce18184ae7b8113a3a32f3fdd5": { "endpoint_id": "3857a1ce18184ae7b8113a3a32f3fdd5", "module": "User Management", "endpoint": "/user-management/users/{user_id}", "method": "DELETE", "path_params": { "user_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 }, "dde977a4308e4b5ca4af4d883f178dff": { "endpoint_id": "dde977a4308e4b5ca4af4d883f178dff", "module": "User Management", "endpoint": "/user-management/roles", "method": "POST", "path_params": {}, "query_params": { "changed_by": "$appContext.currentUser.id" }, "body": {}, "fields": [ "id", "role_name", "created_at" ], "response_target": "createRole_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "19083ca4f18640c9a44ac807e5ed25fc": { "endpoint_id": "19083ca4f18640c9a44ac807e5ed25fc", "module": "User Management", "endpoint": "/user-management/roles/{role_id}", "method": "PUT", "path_params": { "role_id": "$state.selectedRoleId" }, "query_params": { "changed_by": "$appContext.currentUser.id" }, "body": {}, "fields": [ "id", "role_name", "updated_at" ], "response_target": "updateRole_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c907df02bafd452292c9d96f29433fae": { "endpoint_id": "c907df02bafd452292c9d96f29433fae", "module": "User Management", "endpoint": "/user-management/roles/{role_id}", "method": "DELETE", "path_params": { "role_id": "$state.selectedRoleId" }, "query_params": { "changed_by": "$appContext.currentUser.id" }, "body": null, "fields": [], "response_target": "deleteRole_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "967a616625ca4054bb82782a78be67ae": { "endpoint_id": "967a616625ca4054bb82782a78be67ae", "module": "User Management", "endpoint": "/user-management/permissions", "method": "POST", "path_params": {}, "query_params": { "changed_by": "$appContext.currentUser.id" }, "body": {}, "fields": [ "id", "permission_name", "created_at" ], "response_target": "createPermission_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "39a8c855bcfb40e5bb2248c6b22cb96d": { "endpoint_id": "39a8c855bcfb40e5bb2248c6b22cb96d", "module": "User Management", "endpoint": "/user-management/permissions/{permission_id}", "method": "PUT", "path_params": { "permission_id": "$state.selectedPermissionId" }, "query_params": { "changed_by": "$appContext.currentUser.id" }, "body": {}, "fields": [ "id", "permission_name", "updated_at" ], "response_target": "updatePermission_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "892248d6ed764764b552903ad35ca311": { "endpoint_id": "892248d6ed764764b552903ad35ca311", "module": "User Management", "endpoint": "/user-management/permissions/{permission_id}", "method": "DELETE", "path_params": { "permission_id": "$state.selectedPermissionId" }, "query_params": { "changed_by": "$appContext.currentUser.id" }, "body": null, "fields": [], "response_target": "deletePermission_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "57247a20ab4b411fb9ce98a74b5fcc72": { "endpoint_id": "57247a20ab4b411fb9ce98a74b5fcc72", "module": "User Management", "endpoint": "/user-management/roles-history", "method": "GET", "path_params": {}, "query_params": { "limit": 20, "offset": 0, "roles_id": "$state.selectedRoleId" }, "body": null, "fields": [ "id", "roles_id", "change_type", "change_details", "changed_by", "change_date", "ip_address" ], "response_target": "roleHistory", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "72d157f076d64b3683c4d7d54840a5e3": { "endpoint_id": "72d157f076d64b3683c4d7d54840a5e3", "module": "User Management", "endpoint": "/user-management/permissions-history", "method": "GET", "path_params": {}, "query_params": { "limit": 20, "offset": 0, "permissions_id": "$state.selectedPermissionId" }, "body": null, "fields": [ "id", "permissions_id", "change_type", "change_details", "changed_by", "change_date", "ip_address" ], "response_target": "permissionHistory", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "users": { "name": "Users", "backend_module": "User Management", "fields": [ "id", "submenu_id", "username", "email", "notes", "metadata", "version", "deleted_at", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "username", "email", "created_at" ], "search_fields": [ "username", "email" ], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "roles": { "name": "Roles", "backend_module": "User Management", "fields": [ "id", "submenu_id", "role_name", "notes", "metadata", "version", "deleted_at", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "role_name", "notes", "created_at" ], "search_fields": [ "role_name" ], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "permissions": { "name": "Permissions", "backend_module": "User Management", "fields": [ "id", "submenu_id", "permission_name", "notes", "metadata", "version", "deleted_at", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "permission_name", "notes", "created_at" ], "search_fields": [ "permission_name" ], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "rolesHistory": { "name": "Roles History", "backend_module": "User Management", "fields": [ "id", "submenu_id", "roles_id", "change_type", "change_details", "changed_by", "change_date", "ip_address", "created_at", "updated_at" ], "computed": [], "display_fields": [ "change_type", "change_date", "changed_by" ], "search_fields": [], "filters": [ "roles_id" ], "default_sort": null, "default_sort_dir": "asc" }, "permissionsHistory": { "name": "Permissions History", "backend_module": "User Management", "fields": [ "id", "submenu_id", "permissions_id", "change_type", "change_details", "changed_by", "change_date", "ip_address", "created_at", "updated_at" ], "computed": [], "display_fields": [ "change_type", "change_date", "changed_by" ], "search_fields": [], "filters": [ "permissions_id" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onTabChange": { "type": "mutation", "updates": [ { "target": "state.activeTab", "expr": "$event.value" } ], "description": "" }, "onUsersSearchChange": { "type": "mutation", "updates": [ { "target": "state.usersSearch", "expr": "$event.value" }, { "target": "state.usersOffset", "expr": "0" } ], "description": "" }, "onRolesSearchChange": { "type": "mutation", "updates": [ { "target": "state.rolesSearch", "expr": "$event.value" }, { "target": "state.rolesOffset", "expr": "0" } ], "description": "" }, "onPermissionsSearchChange": { "type": "mutation", "updates": [ { "target": "state.permissionsSearch", "expr": "$event.value" }, { "target": "state.permissionsOffset", "expr": "0" } ], "description": "" }, "openCreateUserModal": { "type": "mutation", "updates": [ { "target": "state.createUserModalVisible", "expr": "true" } ], "description": "" }, "closeCreateUserModal": { "type": "mutation", "updates": [ { "target": "state.createUserModalVisible", "expr": "false" } ], "description": "" }, "openEditUserModal": { "type": "mutation", "updates": [ { "target": "state.editUserModalVisible", "expr": "true" }, { "target": "state.selectedUserId", "expr": "$event.record.id" } ], "description": "" }, "closeEditUserModal": { "type": "mutation", "updates": [ { "target": "state.editUserModalVisible", "expr": "false" }, { "target": "state.selectedUserId", "expr": "null" } ], "description": "" }, "openCreateRoleModal": { "type": "mutation", "updates": [ { "target": "state.createRoleModalVisible", "expr": "true" } ], "description": "" }, "closeCreateRoleModal": { "type": "mutation", "updates": [ { "target": "state.createRoleModalVisible", "expr": "false" } ], "description": "" }, "openEditRoleModal": { "type": "mutation", "updates": [ { "target": "state.editRoleModalVisible", "expr": "true" }, { "target": "state.selectedRoleId", "expr": "$event.record.id" } ], "description": "" }, "closeEditRoleModal": { "type": "mutation", "updates": [ { "target": "state.editRoleModalVisible", "expr": "false" }, { "target": "state.selectedRoleId", "expr": "null" } ], "description": "" }, "openCreatePermissionModal": { "type": "mutation", "updates": [ { "target": "state.createPermissionModalVisible", "expr": "true" } ], "description": "" }, "closeCreatePermissionModal": { "type": "mutation", "updates": [ { "target": "state.createPermissionModalVisible", "expr": "false" } ], "description": "" }, "openEditPermissionModal": { "type": "mutation", "updates": [ { "target": "state.editPermissionModalVisible", "expr": "true" }, { "target": "state.selectedPermissionId", "expr": "$event.record.id" } ], "description": "" }, "closeEditPermissionModal": { "type": "mutation", "updates": [ { "target": "state.editPermissionModalVisible", "expr": "false" }, { "target": "state.selectedPermissionId", "expr": "null" } ], "description": "" }, "openRoleHistoryDrawer": { "type": "mutation", "updates": [ { "target": "state.roleHistoryDrawerVisible", "expr": "true" }, { "target": "state.selectedRoleId", "expr": "$event.record.id" } ], "description": "" }, "closeRoleHistoryDrawer": { "type": "mutation", "updates": [ { "target": "state.roleHistoryDrawerVisible", "expr": "false" } ], "description": "" }, "openPermissionHistoryDrawer": { "type": "mutation", "updates": [ { "target": "state.permissionHistoryDrawerVisible", "expr": "true" }, { "target": "state.selectedPermissionId", "expr": "$event.record.id" } ], "description": "" }, "closePermissionHistoryDrawer": { "type": "mutation", "updates": [ { "target": "state.permissionHistoryDrawerVisible", "expr": "false" } ], "description": "" }, "selectUserForDelete": { "type": "mutation", "updates": [ { "target": "state.selectedUserId", "expr": "$event.record.id" } ], "description": "" }, "selectRoleForDelete": { "type": "mutation", "updates": [ { "target": "state.selectedRoleId", "expr": "$event.record.id" } ], "description": "" }, "selectPermissionForDelete": { "type": "mutation", "updates": [ { "target": "state.selectedPermissionId", "expr": "$event.record.id" } ], "description": "" } }, "actions": { "3d81fb4da16d4eda987b63e83412e4aa": { "action_id": "3d81fb4da16d4eda987b63e83412e4aa", "trigger": "form_submit", "target_component_id": "create_user_modal", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"username\", \"message\": \"Username is required\", \"rule_id\": \"val_username\", \"type\": \"required\"}", "message": "{\"field\": \"username\", \"message\": \"Username is required\", \"rule_id\": \"val_username\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_email\", \"type\": \"email\"}", "message": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_email\", \"type\": \"email\"}" } ], "validation_messages": {}, "updates": [], "api_endpoint": "9f601431a17f497bb3b4926e465d9de8", "api_body": "{ submenu_id: 1, username: $formValues.username, email: $formValues.email, notes: $formValues.notes, metadata: $formValues.metadata }", "side_effects": [ { "type": "toast", "config": { "message": "User created successfully", "type": "success" } }, { "type": "modal_close", "config": { "target": "createUserModalVisible" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "bacdfc93c46a4f63934fa694ece4cbea": { "action_id": "bacdfc93c46a4f63934fa694ece4cbea", "trigger": "form_submit", "target_component_id": "edit_user_modal", "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\": \"username\", \"message\": \"Username is required\", \"rule_id\": \"val_edit_username\", \"type\": \"required\"}", "message": "{\"field\": \"username\", \"message\": \"Username is required\", \"rule_id\": \"val_edit_username\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_edit_email\", \"type\": \"email\"}", "message": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_edit_email\", \"type\": \"email\"}" } ], "validation_messages": {}, "updates": [], "api_endpoint": "4ccf2596b56d4d919d2f7723b3dd691e", "api_body": "{ submenu_id: 1, username: $formValues.username, email: $formValues.email, notes: $formValues.notes, metadata: $formValues.metadata }", "side_effects": [ { "type": "toast", "config": { "message": "User updated successfully", "type": "success" } }, { "type": "modal_close", "config": { "target": "editUserModalVisible" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "e4defa5d729a4258b1a89b991d27dc86": { "action_id": "e4defa5d729a4258b1a89b991d27dc86", "trigger": "button_click", "target_component_id": "users_table", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "3857a1ce18184ae7b8113a3a32f3fdd5", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "User deleted successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "8626e13d300940c6873581d41587ee6c": { "action_id": "8626e13d300940c6873581d41587ee6c", "trigger": "form_submit", "target_component_id": "create_role_modal", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"role_name\", \"message\": \"Role name is required\", \"rule_id\": \"val_role_name\", \"type\": \"required\"}", "message": "{\"field\": \"role_name\", \"message\": \"Role name is required\", \"rule_id\": \"val_role_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [], "api_endpoint": "dde977a4308e4b5ca4af4d883f178dff", "api_body": "{ submenu_id: 1, role_name: $formValues.role_name, notes: $formValues.notes, metadata: $formValues.metadata }", "side_effects": [ { "type": "toast", "config": { "message": "Role created successfully", "type": "success" } }, { "type": "modal_close", "config": { "target": "createRoleModalVisible" } }, { "type": "refresh", "config": { "target": "fetchRoles" } } ], "then": null, "catch": null, "data_action": null }, "3b7af14060184b25b0739ba728d8bcdb": { "action_id": "3b7af14060184b25b0739ba728d8bcdb", "trigger": "form_submit", "target_component_id": "edit_role_modal", "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\": \"role_name\", \"message\": \"Role name is required\", \"rule_id\": \"val_edit_role_name\", \"type\": \"required\"}", "message": "{\"field\": \"role_name\", \"message\": \"Role name is required\", \"rule_id\": \"val_edit_role_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [], "api_endpoint": "19083ca4f18640c9a44ac807e5ed25fc", "api_body": "{ submenu_id: 1, role_name: $formValues.role_name, notes: $formValues.notes, metadata: $formValues.metadata }", "side_effects": [ { "type": "toast", "config": { "message": "Role updated successfully", "type": "success" } }, { "type": "modal_close", "config": { "target": "editRoleModalVisible" } }, { "type": "refresh", "config": { "target": "fetchRoles" } } ], "then": null, "catch": null, "data_action": null }, "2f66b46c20694f7f9dd7995ca7a49e48": { "action_id": "2f66b46c20694f7f9dd7995ca7a49e48", "trigger": "button_click", "target_component_id": "roles_table", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "c907df02bafd452292c9d96f29433fae", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Role deleted successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchRoles" } } ], "then": null, "catch": null, "data_action": null }, "d1bf650969a2403ab1ebd1d63efc819f": { "action_id": "d1bf650969a2403ab1ebd1d63efc819f", "trigger": "form_submit", "target_component_id": "create_permission_modal", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"permission_name\", \"message\": \"Permission name is required\", \"rule_id\": \"val_permission_name\", \"type\": \"required\"}", "message": "{\"field\": \"permission_name\", \"message\": \"Permission name is required\", \"rule_id\": \"val_permission_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [], "api_endpoint": "967a616625ca4054bb82782a78be67ae", "api_body": "{ submenu_id: 1, permission_name: $formValues.permission_name, notes: $formValues.notes, metadata: $formValues.metadata }", "side_effects": [ { "type": "toast", "config": { "message": "Permission created successfully", "type": "success" } }, { "type": "modal_close", "config": { "target": "createPermissionModalVisible" } }, { "type": "refresh", "config": { "target": "fetchPermissions" } } ], "then": null, "catch": null, "data_action": null }, "d08f2aca0b5e4980a4b6da5a84ac1dfc": { "action_id": "d08f2aca0b5e4980a4b6da5a84ac1dfc", "trigger": "form_submit", "target_component_id": "edit_permission_modal", "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\": \"permission_name\", \"message\": \"Permission name is required\", \"rule_id\": \"val_edit_permission_name\", \"type\": \"required\"}", "message": "{\"field\": \"permission_name\", \"message\": \"Permission name is required\", \"rule_id\": \"val_edit_permission_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [], "api_endpoint": "39a8c855bcfb40e5bb2248c6b22cb96d", "api_body": "{ submenu_id: 1, permission_name: $formValues.permission_name, notes: $formValues.notes, metadata: $formValues.metadata }", "side_effects": [ { "type": "toast", "config": { "message": "Permission updated successfully", "type": "success" } }, { "type": "modal_close", "config": { "target": "editPermissionModalVisible" } }, { "type": "refresh", "config": { "target": "fetchPermissions" } } ], "then": null, "catch": null, "data_action": null }, "6d1869a412c443b285182b4931d31979": { "action_id": "6d1869a412c443b285182b4931d31979", "trigger": "button_click", "target_component_id": "permissions_table", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "892248d6ed764764b552903ad35ca311", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Permission deleted successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchPermissions" } } ], "then": null, "catch": null, "data_action": null }, "28c89c76917a44928ed0e4023127b579": { "action_id": "28c89c76917a44928ed0e4023127b579", "trigger": "button_click", "target_component_id": "roles_table", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "57247a20ab4b411fb9ce98a74b5fcc72", "api_body": null, "side_effects": [ { "type": "drawer_open", "config": { "target": "roleHistoryDrawerVisible" } } ], "then": null, "catch": null, "data_action": null }, "f9002ba223bd4ae48c3262bb7868d88a": { "action_id": "f9002ba223bd4ae48c3262bb7868d88a", "trigger": "button_click", "target_component_id": "permissions_table", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "72d157f076d64b3683c4d7d54840a5e3", "api_body": null, "side_effects": [ { "type": "drawer_open", "config": { "target": "permissionHistoryDrawerVisible" } } ], "then": null, "catch": null, "data_action": null }, "934164a0fe7848a9859378c1aacb478f": { "action_id": "934164a0fe7848a9859378c1aacb478f", "trigger": "button_click", "target_component_id": "preferences_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/user-management/preferences" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "3d81fb4da16d4eda987b63e83412e4aa": { "action_id": "3d81fb4da16d4eda987b63e83412e4aa", "loading_indicator": "spinner", "loading_text": null, "success_message": "User created successfully", "error_message": "Failed to create user", "ui_updates": [] }, "bacdfc93c46a4f63934fa694ece4cbea": { "action_id": "bacdfc93c46a4f63934fa694ece4cbea", "loading_indicator": "spinner", "loading_text": null, "success_message": "User updated successfully", "error_message": "Failed to update user", "ui_updates": [] }, "e4defa5d729a4258b1a89b991d27dc86": { "action_id": "e4defa5d729a4258b1a89b991d27dc86", "loading_indicator": "spinner", "loading_text": null, "success_message": "User deleted successfully", "error_message": "Failed to delete user", "ui_updates": [] }, "8626e13d300940c6873581d41587ee6c": { "action_id": "8626e13d300940c6873581d41587ee6c", "loading_indicator": "spinner", "loading_text": null, "success_message": "Role created successfully", "error_message": "Failed to create role", "ui_updates": [] }, "3b7af14060184b25b0739ba728d8bcdb": { "action_id": "3b7af14060184b25b0739ba728d8bcdb", "loading_indicator": "spinner", "loading_text": null, "success_message": "Role updated successfully", "error_message": "Failed to update role", "ui_updates": [] }, "2f66b46c20694f7f9dd7995ca7a49e48": { "action_id": "2f66b46c20694f7f9dd7995ca7a49e48", "loading_indicator": "spinner", "loading_text": null, "success_message": "Role deleted successfully", "error_message": "Failed to delete role", "ui_updates": [] }, "d1bf650969a2403ab1ebd1d63efc819f": { "action_id": "d1bf650969a2403ab1ebd1d63efc819f", "loading_indicator": "spinner", "loading_text": null, "success_message": "Permission created successfully", "error_message": "Failed to create permission", "ui_updates": [] }, "d08f2aca0b5e4980a4b6da5a84ac1dfc": { "action_id": "d08f2aca0b5e4980a4b6da5a84ac1dfc", "loading_indicator": "spinner", "loading_text": null, "success_message": "Permission updated successfully", "error_message": "Failed to update permission", "ui_updates": [] }, "6d1869a412c443b285182b4931d31979": { "action_id": "6d1869a412c443b285182b4931d31979", "loading_indicator": "spinner", "loading_text": null, "success_message": "Permission deleted successfully", "error_message": "Failed to delete permission", "ui_updates": [] }, "28c89c76917a44928ed0e4023127b579": { "action_id": "28c89c76917a44928ed0e4023127b579", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load role history", "ui_updates": [] }, "f9002ba223bd4ae48c3262bb7868d88a": { "action_id": "f9002ba223bd4ae48c3262bb7868d88a", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load permission history", "ui_updates": [] }, "934164a0fe7848a9859378c1aacb478f": { "action_id": "934164a0fe7848a9859378c1aacb478f", "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%", "padding": "24px", "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": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "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": "User Management", "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 }, "preferences_button": { "type": "Button", "label": "User Preferences", "description": null, "bind": null, "onClick": "navigateToPreferences", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "icon": "SettingOutlined" }, "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 }, "tabs_container": { "type": "Tabs", "label": null, "description": null, "bind": "state.activeTab", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "card", "items": [ { "key": "users", "label": "Users" }, { "key": "roles", "label": "Roles" }, { "key": "permissions", "label": "Permissions" } ], "onChange": "onTabChange" }, "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_tab_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 }, "users_toolbar": { "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", "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 }, "users_search": { "type": "Input.Search", "label": "Search Users", "description": null, "bind": "state.usersSearch", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by username or email...", "allowClear": true, "onChange": "onUsersSearchChange" }, "dynamic_props": {}, "styles": { "width": "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 }, "create_user_button": { "type": "Button", "label": "Create User", "description": null, "bind": null, "onClick": "openCreateUserModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "PlusOutlined" }, "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": { "columns": [ { "title": "User ID", "dataIndex": "id", "key": "id", "width": 80 }, { "title": "Username", "dataIndex": "username", "key": "username" }, { "title": "Email", "dataIndex": "email", "key": "email" }, { "title": "Created At", "dataIndex": "created_at", "key": "created_at" }, { "title": "Actions", "key": "actions", "render": "actions" } ], "rowKey": "id", "pagination": { "pageSize": 20 }, "loading": "state.loading", "actions": [ { "label": "Edit", "event": "openEditUserModal", "type": "link" }, { "label": "Delete", "event": "confirmDeleteUser", "type": "link", "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 }, "roles_tab_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 }, "roles_toolbar": { "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", "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 }, "roles_search": { "type": "Input.Search", "label": "Search Roles", "description": null, "bind": "state.rolesSearch", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by role name...", "allowClear": true, "onChange": "onRolesSearchChange" }, "dynamic_props": {}, "styles": { "width": "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 }, "create_role_button": { "type": "Button", "label": "Create Role", "description": null, "bind": null, "onClick": "openCreateRoleModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "PlusOutlined" }, "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 }, "roles_table": { "type": "Table", "label": "Roles Table", "description": null, "bind": "state.roles", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Role ID", "dataIndex": "id", "key": "id", "width": 80 }, { "title": "Name", "dataIndex": "role_name", "key": "role_name" }, { "title": "Description", "dataIndex": "notes", "key": "notes" }, { "title": "Created At", "dataIndex": "created_at", "key": "created_at" }, { "title": "Actions", "key": "actions", "render": "actions" } ], "rowKey": "id", "pagination": { "pageSize": 20 }, "loading": "state.loading", "actions": [ { "label": "Edit", "event": "openEditRoleModal", "type": "link" }, { "label": "History", "event": "openRoleHistoryDrawer", "type": "link" }, { "label": "Delete", "event": "confirmDeleteRole", "type": "link", "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 }, "permissions_tab_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 }, "permissions_toolbar": { "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", "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 }, "permissions_search": { "type": "Input.Search", "label": "Search Permissions", "description": null, "bind": "state.permissionsSearch", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by permission name...", "allowClear": true, "onChange": "onPermissionsSearchChange" }, "dynamic_props": {}, "styles": { "width": "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 }, "create_permission_button": { "type": "Button", "label": "Create Permission", "description": null, "bind": null, "onClick": "openCreatePermissionModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "PlusOutlined" }, "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 }, "permissions_table": { "type": "Table", "label": "Permissions Table", "description": null, "bind": "state.permissions", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Permission ID", "dataIndex": "id", "key": "id", "width": 100 }, { "title": "Name", "dataIndex": "permission_name", "key": "permission_name" }, { "title": "Description", "dataIndex": "notes", "key": "notes" }, { "title": "Created At", "dataIndex": "created_at", "key": "created_at" }, { "title": "Actions", "key": "actions", "render": "actions" } ], "rowKey": "id", "pagination": { "pageSize": 20 }, "loading": "state.loading", "actions": [ { "label": "Edit", "event": "openEditPermissionModal", "type": "link" }, { "label": "History", "event": "openPermissionHistoryDrawer", "type": "link" }, { "label": "Delete", "event": "confirmDeletePermission", "type": "link", "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 }, "create_user_modal": { "type": "Modal", "label": "Create User", "description": null, "bind": "state.createUserModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create User", "onCancel": "closeCreateUserModal", "onOk": "submitCreateUser", "okText": "Create" }, "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 }, "create_user_form": { "type": "Form", "label": "Create User Form", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "fields": [ { "name": "username", "label": "Username", "type": "Input", "rules": [ { "required": true, "message": "Username is required" } ] }, { "name": "email", "label": "Email", "type": "Input", "rules": [ { "required": true, "type": "email", "message": "Valid email is required" } ] }, { "name": "notes", "label": "Notes", "type": "Input.TextArea", "rules": [] }, { "name": "metadata", "label": "Metadata", "type": "Input.TextArea", "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 }, "edit_user_modal": { "type": "Modal", "label": "Edit User", "description": null, "bind": "state.editUserModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit User", "onCancel": "closeEditUserModal", "onOk": "submitEditUser", "okText": "Save" }, "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": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "fields": [ { "name": "username", "label": "Username", "type": "Input", "rules": [ { "required": true, "message": "Username is required" } ] }, { "name": "email", "label": "Email", "type": "Input", "rules": [ { "required": true, "type": "email", "message": "Valid email is required" } ] }, { "name": "notes", "label": "Notes", "type": "Input.TextArea", "rules": [] }, { "name": "metadata", "label": "Metadata", "type": "Input.TextArea", "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 }, "create_role_modal": { "type": "Modal", "label": "Create Role", "description": null, "bind": "state.createRoleModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create Role", "onCancel": "closeCreateRoleModal", "onOk": "submitCreateRole", "okText": "Create" }, "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 }, "create_role_form": { "type": "Form", "label": "Create Role Form", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "fields": [ { "name": "role_name", "label": "Role Name", "type": "Input", "rules": [ { "required": true, "message": "Role name is required" } ] }, { "name": "notes", "label": "Description", "type": "Input.TextArea", "rules": [] }, { "name": "metadata", "label": "Permissions (JSON)", "type": "Input.TextArea", "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 }, "edit_role_modal": { "type": "Modal", "label": "Edit Role", "description": null, "bind": "state.editRoleModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit Role", "onCancel": "closeEditRoleModal", "onOk": "submitEditRole", "okText": "Save" }, "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_role_form": { "type": "Form", "label": "Edit Role Form", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "fields": [ { "name": "role_name", "label": "Role Name", "type": "Input", "rules": [ { "required": true, "message": "Role name is required" } ] }, { "name": "notes", "label": "Description", "type": "Input.TextArea", "rules": [] }, { "name": "metadata", "label": "Permissions (JSON)", "type": "Input.TextArea", "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 }, "create_permission_modal": { "type": "Modal", "label": "Create Permission", "description": null, "bind": "state.createPermissionModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create Permission", "onCancel": "closeCreatePermissionModal", "onOk": "submitCreatePermission", "okText": "Create" }, "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 }, "create_permission_form": { "type": "Form", "label": "Create Permission Form", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "fields": [ { "name": "permission_name", "label": "Permission Name", "type": "Input", "rules": [ { "required": true, "message": "Permission name is required" } ] }, { "name": "notes", "label": "Description", "type": "Input.TextArea", "rules": [] }, { "name": "metadata", "label": "Module/Metadata (JSON)", "type": "Input.TextArea", "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 }, "edit_permission_modal": { "type": "Modal", "label": "Edit Permission", "description": null, "bind": "state.editPermissionModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit Permission", "onCancel": "closeEditPermissionModal", "onOk": "submitEditPermission", "okText": "Save" }, "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_permission_form": { "type": "Form", "label": "Edit Permission Form", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "fields": [ { "name": "permission_name", "label": "Permission Name", "type": "Input", "rules": [ { "required": true, "message": "Permission name is required" } ] }, { "name": "notes", "label": "Description", "type": "Input.TextArea", "rules": [] }, { "name": "metadata", "label": "Module/Metadata (JSON)", "type": "Input.TextArea", "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 }, "role_history_drawer": { "type": "Drawer", "label": "Role History", "description": null, "bind": "state.roleHistoryDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Role Change History", "width": 600, "onClose": "closeRoleHistoryDrawer" }, "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_history_table": { "type": "Table", "label": "Role History Table", "description": null, "bind": "state.roleHistory", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Change Type", "dataIndex": "change_type", "key": "change_type" }, { "title": "Change Date", "dataIndex": "change_date", "key": "change_date" }, { "title": "Changed By", "dataIndex": "changed_by", "key": "changed_by" }, { "title": "IP Address", "dataIndex": "ip_address", "key": "ip_address" } ], "rowKey": "id", "pagination": { "pageSize": 10 }, "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 }, "permission_history_drawer": { "type": "Drawer", "label": "Permission History", "description": null, "bind": "state.permissionHistoryDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Permission Change History", "width": 600, "onClose": "closePermissionHistoryDrawer" }, "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 }, "permission_history_table": { "type": "Table", "label": "Permission History Table", "description": null, "bind": "state.permissionHistory", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Change Type", "dataIndex": "change_type", "key": "change_type" }, { "title": "Change Date", "dataIndex": "change_date", "key": "change_date" }, { "title": "Changed By", "dataIndex": "changed_by", "key": "changed_by" }, { "title": "IP Address", "dataIndex": "ip_address", "key": "ip_address" } ], "rowKey": "id", "pagination": { "pageSize": 10 }, "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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "tabs_container", "users_tab_content", "roles_tab_content", "permissions_tab_content", "create_user_modal", "edit_user_modal", "create_role_modal", "edit_role_modal", "create_permission_modal", "edit_permission_modal", "role_history_drawer", "permission_history_drawer" ], "page_header": [ "page_title", "preferences_button" ], "tabs_container": [], "users_tab_content": [ "users_toolbar", "users_table" ], "users_toolbar": [ "users_search", "create_user_button" ], "roles_tab_content": [ "roles_toolbar", "roles_table" ], "roles_toolbar": [ "roles_search", "create_role_button" ], "permissions_tab_content": [ "permissions_toolbar", "permissions_table" ], "permissions_toolbar": [ "permissions_search", "create_permission_button" ], "create_user_modal": [ "create_user_form" ], "edit_user_modal": [ "edit_user_form" ], "create_role_modal": [ "create_role_form" ], "edit_role_modal": [ "edit_role_form" ], "create_permission_modal": [ "create_permission_form" ], "edit_permission_modal": [ "edit_permission_form" ], "role_history_drawer": [ "role_history_table" ], "permission_history_drawer": [ "permission_history_table" ] }, "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 }, "users_tab_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 }, "users_toolbar": { "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 }, "roles_tab_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 }, "roles_toolbar": { "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 }, "permissions_tab_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 }, "permissions_toolbar": { "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 }, "create_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 }, "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 }, "create_role_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 }, "edit_role_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 }, "create_permission_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 }, "edit_permission_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 }, "role_history_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 }, "permission_history_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 } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container" }, { "zone_id": "create_user_modal_zone", "component": "create_user_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create user modal overlay" }, { "zone_id": "edit_user_modal_zone", "component": "edit_user_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit user modal overlay" }, { "zone_id": "create_role_modal_zone", "component": "create_role_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create role modal overlay" }, { "zone_id": "edit_role_modal_zone", "component": "edit_role_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit role modal overlay" }, { "zone_id": "create_permission_modal_zone", "component": "create_permission_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create permission modal overlay" }, { "zone_id": "edit_permission_modal_zone", "component": "edit_permission_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit permission modal overlay" }, { "zone_id": "role_history_drawer_zone", "component": "role_history_drawer", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Role history drawer overlay" }, { "zone_id": "permission_history_drawer_zone", "component": "permission_history_drawer", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Permission history drawer 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 }