{ "page_ir": { "page_id": "user_management", "page_goal": "Administrator page to manage all system users including creating librarians and administrators, editing roles, resetting passwords, deactivating and unlocking accounts", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with role-based color badges" }, "accessibility": { "required_labels": [ "search_input", "role_filter", "status_filter", "users_table", "create_librarian_form", "create_admin_form", "edit_role_form" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "table scrolls horizontally on small screens", "filters stack vertically on mobile" ], "hidden_on_small": [ "last_login_column" ], "stack_on_small": [] }, "constraints": [ "Only administrators can access this page", "Cannot deactivate own account" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "users": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "searchText": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "roleFilter": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "statusFilter": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "selectedUserId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "createLibrarianModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "createAdminModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editRoleModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "deactivateConfirmVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "pagination": { "type": "object", "initial": { "current": 1, "pageSize": 20, "total": 0 }, "required": false, "constraints": {}, "item_type": null }, "branches": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredUsers": { "type": "array", "expr": "users.filter(u => (!searchText || u.first_name.toLowerCase().includes(searchText.toLowerCase()) || u.last_name.toLowerCase().includes(searchText.toLowerCase()) || u.email.toLowerCase().includes(searchText.toLowerCase())))", "deps": [] }, "selectedUser": { "type": "object", "expr": "users.find(u => u.id === selectedUserId) || null", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "3c2b5430b8f1471e88689f844be10d2d": { "endpoint_id": "3c2b5430b8f1471e88689f844be10d2d", "module": "Authentication", "endpoint": "/auth/users", "method": "GET", "path_params": {}, "query_params": { "limit": 20, "offset": "$derived.offset", "role": "$state.roleFilter", "is_active": "$state.statusFilter" }, "body": null, "fields": [ "id", "email", "first_name", "last_name" ], "response_target": "users", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "dd8f1e3e0d9547e18c168c5ba90c8292": { "endpoint_id": "dd8f1e3e0d9547e18c168c5ba90c8292", "module": "Library Branches", "endpoint": "/library-branches/", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "name" ], "response_target": "branches", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "b7d627ed0b014d87833f9025ea65f118": { "endpoint_id": "b7d627ed0b014d87833f9025ea65f118", "module": "Authentication", "endpoint": "/auth/users", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "email", "first_name", "last_name" ], "response_target": "createUser_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "ca9fe736b13c4836b43b34d22f4a6ef0": { "endpoint_id": "ca9fe736b13c4836b43b34d22f4a6ef0", "module": "Authentication", "endpoint": "/auth/librarians", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "user_id", "employee_id", "hire_date", "library_branch_id" ], "response_target": "createLibrarianProfile_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "e356255e3e564f1987707c028b4f1ab5": { "endpoint_id": "e356255e3e564f1987707c028b4f1ab5", "module": "Authentication", "endpoint": "/auth/administrators", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "user_id", "admin_level" ], "response_target": "createAdminProfile_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "1e342a7d61194ef7ba42956ba0515b7e": { "endpoint_id": "1e342a7d61194ef7ba42956ba0515b7e", "module": "Authentication", "endpoint": "/auth/users/{user_id}", "method": "PUT", "path_params": { "user_id": "$state.selectedUserId" }, "query_params": {}, "body": {}, "fields": [ "id", "email", "first_name", "last_name" ], "response_target": "updateUser_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a6d57426e1d6452fb742762ceb43eff5": { "endpoint_id": "a6d57426e1d6452fb742762ceb43eff5", "module": "Authentication", "endpoint": "/auth/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 } } }, "data_model_ir": { "entities": { "user": { "name": "User", "backend_module": "Authentication", "fields": [ "id", "email", "first_name", "last_name", "role", "is_active", "phone", "password" ], "computed": [], "display_fields": [ "id", "first_name", "last_name", "email", "role", "is_active" ], "search_fields": [ "first_name", "last_name", "email" ], "filters": [ "role", "is_active" ], "default_sort": null, "default_sort_dir": "asc" }, "librarian": { "name": "Librarian", "backend_module": "Authentication", "fields": [ "id", "user_id", "employee_id", "hire_date", "library_branch_id", "created_at", "updated_at" ], "computed": [], "display_fields": [ "employee_id", "hire_date", "library_branch_id" ], "search_fields": [], "filters": [ "library_branch_id" ], "default_sort": null, "default_sort_dir": "asc" }, "administrator": { "name": "Administrator", "backend_module": "Authentication", "fields": [ "id", "user_id", "admin_level", "created_at", "updated_at" ], "computed": [], "display_fields": [ "admin_level" ], "search_fields": [], "filters": [ "admin_level" ], "default_sort": null, "default_sort_dir": "asc" }, "library_branch": { "name": "LibraryBranch", "backend_module": "Library Branches", "fields": [ "id", "name", "address", "phone", "email", "operating_hours", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "name" ], "search_fields": [], "filters": [], "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.roleFilter", "expr": "value" } ], "description": "" }, "onStatusFilterChange": { "type": "mutation", "updates": [ { "target": "state.statusFilter", "expr": "value" } ], "description": "" }, "onSelectUser": { "type": "mutation", "updates": [ { "target": "state.selectedUserId", "expr": "record.id" } ], "description": "" }, "openCreateLibrarianModal": { "type": "mutation", "updates": [ { "target": "state.createLibrarianModalVisible", "expr": "true" } ], "description": "" }, "closeCreateLibrarianModal": { "type": "mutation", "updates": [ { "target": "state.createLibrarianModalVisible", "expr": "false" } ], "description": "" }, "openCreateAdminModal": { "type": "mutation", "updates": [ { "target": "state.createAdminModalVisible", "expr": "true" } ], "description": "" }, "closeCreateAdminModal": { "type": "mutation", "updates": [ { "target": "state.createAdminModalVisible", "expr": "false" } ], "description": "" }, "openEditRoleModal": { "type": "mutation", "updates": [ { "target": "state.editRoleModalVisible", "expr": "true" }, { "target": "state.selectedUserId", "expr": "record.id" } ], "description": "" }, "closeEditRoleModal": { "type": "mutation", "updates": [ { "target": "state.editRoleModalVisible", "expr": "false" } ], "description": "" }, "openDeactivateConfirm": { "type": "mutation", "updates": [ { "target": "state.deactivateConfirmVisible", "expr": "true" }, { "target": "state.selectedUserId", "expr": "record.id" } ], "description": "" }, "closeDeactivateConfirm": { "type": "mutation", "updates": [ { "target": "state.deactivateConfirmVisible", "expr": "false" } ], "description": "" } }, "actions": { "19ebafae22494b6c90690233c1b2ed6f": { "action_id": "19ebafae22494b6c90690233c1b2ed6f", "trigger": "form_submit", "target_component_id": "create_librarian_modal", "operation": "create", "description": "", "payload": { "role": "LIBRARIAN" }, "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\": \"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\"}" }, { "rule_id": "val_3", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"employee_id\", \"message\": \"Employee ID is required\", \"rule_id\": \"val_employee_id\", \"type\": \"required\"}", "message": "{\"field\": \"employee_id\", \"message\": \"Employee ID is required\", \"rule_id\": \"val_employee_id\", \"type\": \"required\"}" }, { "rule_id": "val_4", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_password\", \"type\": \"min_length\", \"value\": 8}", "message": "{\"field\": \"password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_password\", \"type\": \"min_length\", \"value\": 8}" } ], "validation_messages": {}, "updates": [ { "target": "state.createLibrarianModalVisible", "expr": "false" } ], "api_endpoint": "b7d627ed0b014d87833f9025ea65f118", "api_body": "{ email: formValues.email, first_name: formValues.first_name, last_name: formValues.last_name, password: formValues.password, role: 'LIBRARIAN', is_active: true }", "side_effects": [ { "type": "toast", "config": { "message": "Librarian account created successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "e469f06091a24924a65ed7eba5196169": { "action_id": "e469f06091a24924a65ed7eba5196169", "trigger": "form_submit", "target_component_id": "create_admin_modal", "operation": "create", "description": "", "payload": { "role": "ADMINISTRATOR" }, "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_admin_first_name\", \"type\": \"required\"}", "message": "{\"field\": \"first_name\", \"message\": \"First name is required\", \"rule_id\": \"val_admin_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_admin_last_name\", \"type\": \"required\"}", "message": "{\"field\": \"last_name\", \"message\": \"Last name is required\", \"rule_id\": \"val_admin_last_name\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_admin_email\", \"type\": \"email\"}", "message": "{\"field\": \"email\", \"message\": \"Valid email is required\", \"rule_id\": \"val_admin_email\", \"type\": \"email\"}" }, { "rule_id": "val_3", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_admin_password\", \"type\": \"min_length\", \"value\": 8}", "message": "{\"field\": \"password\", \"message\": \"Password must be at least 8 characters\", \"rule_id\": \"val_admin_password\", \"type\": \"min_length\", \"value\": 8}" } ], "validation_messages": {}, "updates": [ { "target": "state.createAdminModalVisible", "expr": "false" } ], "api_endpoint": "b7d627ed0b014d87833f9025ea65f118", "api_body": "{ email: formValues.email, first_name: formValues.first_name, last_name: formValues.last_name, password: formValues.password, role: 'ADMINISTRATOR', is_active: true }", "side_effects": [ { "type": "toast", "config": { "message": "Administrator account created successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "97cc17749bbc4eabb50b7a05eba155ec": { "action_id": "97cc17749bbc4eabb50b7a05eba155ec", "trigger": "form_submit", "target_component_id": "edit_role_modal", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "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.editRoleModalVisible", "expr": "false" } ], "api_endpoint": "1e342a7d61194ef7ba42956ba0515b7e", "api_body": "{ role: formValues.role }", "side_effects": [ { "type": "toast", "config": { "message": "User role updated successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "c05af380c5bd4ac49dc9abe05e680892": { "action_id": "c05af380c5bd4ac49dc9abe05e680892", "trigger": "button_click", "target_component_id": "users_table", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "1e342a7d61194ef7ba42956ba0515b7e", "api_body": "{ password: 'TempPass123!' }", "side_effects": [ { "type": "toast", "config": { "message": "Password has been reset. Temporary password sent to user.", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "252b8609026b49b3a476ce596d84182f": { "action_id": "252b8609026b49b3a476ce596d84182f", "trigger": "button_click", "target_component_id": "deactivate_confirm_modal", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.deactivateConfirmVisible", "expr": "false" } ], "api_endpoint": "1e342a7d61194ef7ba42956ba0515b7e", "api_body": "{ is_active: false }", "side_effects": [ { "type": "toast", "config": { "message": "User account deactivated", "type": "warning" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "30ae10e761ba45ba91313988b890184e": { "action_id": "30ae10e761ba45ba91313988b890184e", "trigger": "button_click", "target_component_id": "users_table", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "1e342a7d61194ef7ba42956ba0515b7e", "api_body": "{ is_active: true }", "side_effects": [ { "type": "toast", "config": { "message": "User account unlocked successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchUsers" } } ], "then": null, "catch": null, "data_action": null }, "4725f7366d314624bbaa7d7688f1f56e": { "action_id": "4725f7366d314624bbaa7d7688f1f56e", "trigger": "button_click", "target_component_id": "back_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": "/admin/dashboard" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "19ebafae22494b6c90690233c1b2ed6f": { "action_id": "19ebafae22494b6c90690233c1b2ed6f", "loading_indicator": "spinner", "loading_text": null, "success_message": "Librarian account created successfully", "error_message": "Failed to create librarian account", "ui_updates": [] }, "e469f06091a24924a65ed7eba5196169": { "action_id": "e469f06091a24924a65ed7eba5196169", "loading_indicator": "spinner", "loading_text": null, "success_message": "Administrator account created successfully", "error_message": "Failed to create administrator account", "ui_updates": [] }, "97cc17749bbc4eabb50b7a05eba155ec": { "action_id": "97cc17749bbc4eabb50b7a05eba155ec", "loading_indicator": "spinner", "loading_text": null, "success_message": "User role updated successfully", "error_message": "Failed to update user role", "ui_updates": [] }, "c05af380c5bd4ac49dc9abe05e680892": { "action_id": "c05af380c5bd4ac49dc9abe05e680892", "loading_indicator": "spinner", "loading_text": null, "success_message": "Password reset successfully", "error_message": "Failed to reset password", "ui_updates": [] }, "252b8609026b49b3a476ce596d84182f": { "action_id": "252b8609026b49b3a476ce596d84182f", "loading_indicator": "spinner", "loading_text": null, "success_message": "User deactivated successfully", "error_message": "Failed to deactivate user", "ui_updates": [] }, "30ae10e761ba45ba91313988b890184e": { "action_id": "30ae10e761ba45ba91313988b890184e", "loading_indicator": "spinner", "loading_text": null, "success_message": "User unlocked successfully", "error_message": "Failed to unlock user", "ui_updates": [] }, "4725f7366d314624bbaa7d7688f1f56e": { "action_id": "4725f7366d314624bbaa7d7688f1f56e", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#52c41a", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 6 }, "components": { "main_container": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "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 }, "header_left": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "alignItems": "center", "gap": "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 }, "back_button": { "type": "Button", "label": "Back to Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "text", "icon": "ArrowLeftOutlined" }, "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 }, "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 }, "header_actions": { "type": "Space", "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 }, "create_librarian_button": { "type": "Button", "label": "Create Librarian", "description": null, "bind": null, "onClick": "openCreateLibrarianModal", "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 }, "create_admin_button": { "type": "Button", "label": "Create Administrator", "description": null, "bind": null, "onClick": "openCreateAdminModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "PlusOutlined", "ghost": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filters_section": { "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 }, "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 name or email...", "allowClear": 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 }, "role_filter_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": 6 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "role_filter": { "type": "Select", "label": "Role", "description": null, "bind": "state.roleFilter", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Filter by Role", "allowClear": true, "style": { "width": "100%" }, "options": [ { "label": "All Roles", "value": "" }, { "label": "Member", "value": "MEMBER" }, { "label": "Librarian", "value": "LIBRARIAN" }, { "label": "Administrator", "value": "ADMINISTRATOR" } ] }, "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_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": 6 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "status_filter": { "type": "Select", "label": "Status", "description": null, "bind": "state.statusFilter", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Filter by Status", "allowClear": true, "style": { "width": "100%" }, "options": [ { "label": "All Statuses", "value": "" }, { "label": "Active", "value": "true" }, { "label": "Inactive", "value": "false" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "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.loading", "pagination": "$state.pagination", "columns": [ { "title": "User ID", "dataIndex": "id", "key": "id", "width": 100, "ellipsis": true }, { "title": "Full Name", "dataIndex": "full_name", "key": "full_name", "render": "record.first_name + ' ' + record.last_name" }, { "title": "Email", "dataIndex": "email", "key": "email" }, { "title": "Role", "dataIndex": "role", "key": "role", "render": "tag", "tagColorMap": { "ADMINISTRATOR": "red", "LIBRARIAN": "blue", "MEMBER": "green", "GUEST": "default" } }, { "title": "Status", "dataIndex": "is_active", "key": "is_active", "render": "status_badge", "statusMap": { "true": { "color": "success", "text": "Active" }, "false": { "color": "error", "text": "Inactive" } } }, { "title": "Created Date", "dataIndex": "created_at", "key": "created_at", "render": "date" }, { "title": "Last Login", "dataIndex": "last_login", "key": "last_login", "render": "date" }, { "title": "Actions", "key": "actions", "render": "actions", "fixed": "right", "width": 200 } ], "scroll": { "x": 1200 } }, "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_librarian_modal": { "type": "Modal", "label": "Create Librarian Account", "description": null, "bind": "state.createLibrarianModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create Librarian Account", "width": 600, "okText": "Create Librarian", "cancelText": "Cancel" }, "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 }, "librarian_form": { "type": "Form", "label": "Create Librarian Form", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "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 }, "librarian_first_name_field": { "type": "Form.Item", "label": "First Name", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "first_name", "rules": [ { "required": true, "message": "First name is required" } ] }, "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 }, "librarian_first_name_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter first name" }, "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 }, "librarian_last_name_field": { "type": "Form.Item", "label": "Last Name", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "last_name", "rules": [ { "required": true, "message": "Last name is required" } ] }, "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 }, "librarian_last_name_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter last name" }, "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 }, "librarian_email_field": { "type": "Form.Item", "label": "Email", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "email", "rules": [ { "required": true, "type": "email", "message": "Valid email is required" } ] }, "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 }, "librarian_email_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter email address" }, "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 }, "librarian_employee_id_field": { "type": "Form.Item", "label": "Employee ID", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "employee_id", "rules": [ { "required": true, "message": "Employee ID is required" } ] }, "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 }, "librarian_employee_id_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter employee ID" }, "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 }, "librarian_branch_field": { "type": "Form.Item", "label": "Assigned Branch", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "library_branch_id" }, "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 }, "librarian_branch_select": { "type": "Select", "label": null, "description": null, "bind": "state.branches", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select branch", "allowClear": true, "optionLabelProp": "name", "fieldNames": { "label": "name", "value": "id" } }, "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 }, "librarian_password_field": { "type": "Form.Item", "label": "Temporary Password", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "password", "rules": [ { "required": true, "message": "Password is required" }, { "min": 8, "message": "Password must be at least 8 characters" } ] }, "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 }, "librarian_password_input": { "type": "Input.Password", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter temporary password" }, "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_admin_modal": { "type": "Modal", "label": "Create Administrator Account", "description": null, "bind": "state.createAdminModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create Administrator Account", "width": 600, "okText": "Create Administrator", "cancelText": "Cancel" }, "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 }, "admin_form": { "type": "Form", "label": "Create Administrator Form", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "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 }, "admin_first_name_field": { "type": "Form.Item", "label": "First Name", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "first_name", "rules": [ { "required": true, "message": "First name is required" } ] }, "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 }, "admin_first_name_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter first name" }, "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 }, "admin_last_name_field": { "type": "Form.Item", "label": "Last Name", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "last_name", "rules": [ { "required": true, "message": "Last name is required" } ] }, "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 }, "admin_last_name_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter last name" }, "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 }, "admin_email_field": { "type": "Form.Item", "label": "Email", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "email", "rules": [ { "required": true, "type": "email", "message": "Valid email is required" } ] }, "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 }, "admin_email_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter email address" }, "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 }, "admin_level_field": { "type": "Form.Item", "label": "Admin Level", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "admin_level", "rules": [ { "required": true, "message": "Admin level is required" } ] }, "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 }, "admin_level_select": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select admin level", "options": [ { "label": "Standard", "value": "STANDARD" }, { "label": "Super", "value": "SUPER" } ] }, "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 }, "admin_password_field": { "type": "Form.Item", "label": "Temporary Password", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "password", "rules": [ { "required": true, "message": "Password is required" }, { "min": 8, "message": "Password must be at least 8 characters" } ] }, "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 }, "admin_password_input": { "type": "Input.Password", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter temporary password" }, "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 User Role", "description": null, "bind": "state.editRoleModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit User Role", "width": 480, "okText": "Update Role", "cancelText": "Cancel" }, "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" }, "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_info": { "type": "Alert", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "message": "Changing a user's role will immediately affect their permissions. Please confirm this action.", "type": "warning", "showIcon": true }, "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 }, "edit_role_field": { "type": "Form.Item", "label": "New Role", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "role", "rules": [ { "required": true, "message": "Please select a 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 }, "edit_role_select": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select new role", "options": [ { "label": "Member", "value": "MEMBER" }, { "label": "Librarian", "value": "LIBRARIAN" }, { "label": "Administrator", "value": "ADMINISTRATOR" } ] }, "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 }, "deactivate_confirm_modal": { "type": "Modal", "label": "Confirm Deactivation", "description": null, "bind": "state.deactivateConfirmVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Confirm Account Deactivation", "width": 440, "okText": "Deactivate", "okButtonProps": { "danger": true }, "cancelText": "Cancel" }, "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 }, "deactivate_confirm_content": { "type": "Typography.Paragraph", "label": "Are you sure you want to deactivate this user account? The user will no longer be able to log in or access the system. This action can be reversed by reactivating the account.", "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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "filters_section", "table_card", "create_librarian_modal", "create_admin_modal", "edit_role_modal", "deactivate_confirm_modal" ], "page_header": [ "header_left", "header_actions" ], "header_left": [ "back_button", "page_title" ], "header_actions": [ "create_librarian_button", "create_admin_button" ], "filters_section": [ "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" ], "create_librarian_modal": [ "librarian_form" ], "librarian_form": [ "librarian_first_name_field", "librarian_last_name_field", "librarian_email_field", "librarian_employee_id_field", "librarian_branch_field", "librarian_password_field" ], "librarian_first_name_field": [ "librarian_first_name_input" ], "librarian_last_name_field": [ "librarian_last_name_input" ], "librarian_email_field": [ "librarian_email_input" ], "librarian_employee_id_field": [ "librarian_employee_id_input" ], "librarian_branch_field": [ "librarian_branch_select" ], "librarian_password_field": [ "librarian_password_input" ], "create_admin_modal": [ "admin_form" ], "admin_form": [ "admin_first_name_field", "admin_last_name_field", "admin_email_field", "admin_level_field", "admin_password_field" ], "admin_first_name_field": [ "admin_first_name_input" ], "admin_last_name_field": [ "admin_last_name_input" ], "admin_email_field": [ "admin_email_input" ], "admin_level_field": [ "admin_level_select" ], "admin_password_field": [ "admin_password_input" ], "edit_role_modal": [ "edit_role_form" ], "edit_role_form": [ "edit_role_info", "edit_role_field" ], "edit_role_field": [ "edit_role_select" ], "deactivate_confirm_modal": [ "deactivate_confirm_content" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header": { "type": "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 }, "header_left": { "type": "horizontal", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_actions": { "type": "horizontal", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filters_section": { "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 }, "create_librarian_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 }, "librarian_form": { "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 }, "librarian_first_name_field": { "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 }, "librarian_last_name_field": { "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 }, "librarian_email_field": { "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 }, "librarian_employee_id_field": { "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 }, "librarian_branch_field": { "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 }, "librarian_password_field": { "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_admin_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 }, "admin_form": { "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 }, "admin_first_name_field": { "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 }, "admin_last_name_field": { "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 }, "admin_email_field": { "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 }, "admin_level_field": { "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 }, "admin_password_field": { "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 }, "edit_role_form": { "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 }, "edit_role_field": { "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 }, "deactivate_confirm_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 } }, "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": "librarian_modal_zone", "component": "create_librarian_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create librarian modal overlay" }, { "zone_id": "admin_modal_zone", "component": "create_admin_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create administrator 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": "deactivate_modal_zone", "component": "deactivate_confirm_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Deactivation confirmation modal overlay" } ], "responsive_overrides": [] }, "navigation_ir": { "tabs": [], "modals": {}, "drawers": {}, "routes": [], "breadcrumb": null, "default_tab": null }, "realtime_ir": { "timers": {}, "polling": {} }, "metadata": { "ir_version": "3.5", "generated_at": "", "source_prompt": null, "schema_session_id": null, "warnings": [] }, "page_data_contract": null, "schema_ir": null }