{ "page_ir": { "page_id": "departments", "page_goal": "Department and team organizational management page allowing CRUD operations on departments and their teams, with member management capabilities", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with blue accents" }, "accessibility": { "required_labels": [ "department_name", "department_description", "team_name", "team_description" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "table_to_cards_on_small" ], "hidden_on_small": [ "department_description_column" ], "stack_on_small": [] }, "constraints": [ "departments_with_active_jobs_or_members_cannot_be_deleted", "teams_with_active_jobs_cannot_be_deleted" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "departments": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "departmentsTotal": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "departmentsLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedDepartmentId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "teams": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "teamsTotal": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "teamsLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "teamMembers": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "teamMembersLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "users": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "createDepartmentModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editDepartmentModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editingDepartment": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "createTeamModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editTeamModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editingTeam": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "addMemberModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedTeamId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "expandedTeamId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null } }, "derived": {} }, "data_fetch_ir": { "endpoints": { "7ec2f7d313e34d5984437173cf1eda87": { "endpoint_id": "7ec2f7d313e34d5984437173cf1eda87", "module": "Organization", "endpoint": "/organization/departments", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0 }, "body": null, "fields": [ "id", "name", "description", "created_at", "updated_at" ], "response_target": "departments", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "ee64dffcc5344094b26897e051cccfe7": { "endpoint_id": "ee64dffcc5344094b26897e051cccfe7", "module": "Organization", "endpoint": "/organization/teams", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0, "department_id": "$state.selectedDepartmentId" }, "body": null, "fields": [ "id", "name", "description", "department_id", "created_at", "updated_at" ], "response_target": "teams", "response_transform": null, "trigger": "on_change", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "1b030a7a4214473ca53b2f1d9bcdf03a": { "endpoint_id": "1b030a7a4214473ca53b2f1d9bcdf03a", "module": "Organization", "endpoint": "/organization/user-teams", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0, "team_id": "$state.expandedTeamId" }, "body": null, "fields": [ "id", "user_id", "team_id", "created_at", "updated_at" ], "response_target": "teamMembers", "response_transform": null, "trigger": "on_change", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "b6413a21545d41d788c3869d3b5ef2dc": { "endpoint_id": "b6413a21545d41d788c3869d3b5ef2dc", "module": "Users", "endpoint": "/users/", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0, "is_active": true }, "body": null, "fields": [ "id", "email", "first_name", "last_name", "role", "department_id" ], "response_target": "users", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "fc56cdeb0b194b6f95ce8d8a227dc401": { "endpoint_id": "fc56cdeb0b194b6f95ce8d8a227dc401", "module": "Organization", "endpoint": "/organization/departments", "method": "POST", "path_params": {}, "query_params": {}, "body": { "name": "$form.name", "description": "$form.description" }, "fields": [ "id", "name", "description" ], "response_target": "departments", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "bdbe73b278cf49348b80654a6c88397b": { "endpoint_id": "bdbe73b278cf49348b80654a6c88397b", "module": "Organization", "endpoint": "/organization/departments/{entity_id}", "method": "PUT", "path_params": { "entity_id": "$state.editingDepartment.id" }, "query_params": {}, "body": { "name": "$form.name", "description": "$form.description" }, "fields": [ "id", "name", "description" ], "response_target": "departments", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "b7d8f266dd8c4904a9791bff621aa128": { "endpoint_id": "b7d8f266dd8c4904a9791bff621aa128", "module": "Organization", "endpoint": "/organization/departments/{entity_id}", "method": "DELETE", "path_params": { "entity_id": "$state.selectedDepartmentId" }, "query_params": {}, "body": null, "fields": [], "response_target": "departments", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "8d997fbd9eed4d43830a053626026d78": { "endpoint_id": "8d997fbd9eed4d43830a053626026d78", "module": "Organization", "endpoint": "/organization/teams", "method": "POST", "path_params": {}, "query_params": {}, "body": { "name": "$form.name", "description": "$form.description", "department_id": "$form.department_id" }, "fields": [ "id", "name", "description", "department_id" ], "response_target": "teams", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "e0c88fa8511d48c3934aa6edb207df25": { "endpoint_id": "e0c88fa8511d48c3934aa6edb207df25", "module": "Organization", "endpoint": "/organization/teams/{entity_id}", "method": "PUT", "path_params": { "entity_id": "$state.editingTeam.id" }, "query_params": {}, "body": { "name": "$form.name", "description": "$form.description", "department_id": "$form.department_id" }, "fields": [ "id", "name", "description", "department_id" ], "response_target": "teams", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "1f5eb096e7824dc780a7441e384aad04": { "endpoint_id": "1f5eb096e7824dc780a7441e384aad04", "module": "Organization", "endpoint": "/organization/teams/{entity_id}", "method": "DELETE", "path_params": { "entity_id": "$state.selectedTeamId" }, "query_params": {}, "body": null, "fields": [], "response_target": "teams", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "d4001173a4f644e0ad9f31523cf644d5": { "endpoint_id": "d4001173a4f644e0ad9f31523cf644d5", "module": "Organization", "endpoint": "/organization/user-teams", "method": "POST", "path_params": {}, "query_params": {}, "body": { "user_id": "$form.user_id", "team_id": "$state.expandedTeamId" }, "fields": [ "id", "user_id", "team_id" ], "response_target": "teamMembers", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "b7f22e0f30e74e6a8ce16c39489638a9": { "endpoint_id": "b7f22e0f30e74e6a8ce16c39489638a9", "module": "Organization", "endpoint": "/organization/user-teams/{entity_id}", "method": "DELETE", "path_params": { "entity_id": "$state.selectedMembershipId" }, "query_params": {}, "body": null, "fields": [], "response_target": "teamMembers", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "department": { "name": "Department", "backend_module": "Organization", "fields": [ "id", "name", "description", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name", "description" ], "search_fields": [], "filters": [ "search" ], "default_sort": null, "default_sort_dir": "asc" }, "team": { "name": "Team", "backend_module": "Organization", "fields": [ "id", "name", "description", "department_id", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name", "description", "department_id" ], "search_fields": [], "filters": [ "department_id", "search" ], "default_sort": null, "default_sort_dir": "asc" }, "user_team": { "name": "UserTeam", "backend_module": "Organization", "fields": [ "id", "user_id", "team_id", "created_at", "updated_at" ], "computed": [], "display_fields": [ "user_id", "team_id" ], "search_fields": [], "filters": [ "user_id", "team_id" ], "default_sort": null, "default_sort_dir": "asc" }, "user": { "name": "User", "backend_module": "Users", "fields": [ "id", "email", "first_name", "last_name", "role", "department_id", "phone", "is_active", "created_at", "updated_at" ], "computed": [], "display_fields": [ "first_name", "last_name", "email", "role" ], "search_fields": [], "filters": [ "role", "is_active", "department_id", "search" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "openCreateDepartmentModal": { "type": "mutation", "updates": [ { "target": "state.createDepartmentModalVisible", "expr": "true" } ], "description": "" }, "closeCreateDepartmentModal": { "type": "mutation", "updates": [ { "target": "state.createDepartmentModalVisible", "expr": "false" } ], "description": "" }, "openEditDepartmentModal": { "type": "mutation", "updates": [ { "target": "state.editDepartmentModalVisible", "expr": "true" }, { "target": "state.editingDepartment", "expr": "event.record" } ], "description": "" }, "closeEditDepartmentModal": { "type": "mutation", "updates": [ { "target": "state.editDepartmentModalVisible", "expr": "false" }, { "target": "state.editingDepartment", "expr": "null" } ], "description": "" }, "selectDepartment": { "type": "mutation", "updates": [ { "target": "state.selectedDepartmentId", "expr": "event.departmentId" } ], "description": "" }, "openCreateTeamModal": { "type": "mutation", "updates": [ { "target": "state.createTeamModalVisible", "expr": "true" } ], "description": "" }, "closeCreateTeamModal": { "type": "mutation", "updates": [ { "target": "state.createTeamModalVisible", "expr": "false" } ], "description": "" }, "openEditTeamModal": { "type": "mutation", "updates": [ { "target": "state.editTeamModalVisible", "expr": "true" }, { "target": "state.editingTeam", "expr": "event.record" } ], "description": "" }, "closeEditTeamModal": { "type": "mutation", "updates": [ { "target": "state.editTeamModalVisible", "expr": "false" }, { "target": "state.editingTeam", "expr": "null" } ], "description": "" }, "expandTeamMembers": { "type": "mutation", "updates": [ { "target": "state.expandedTeamId", "expr": "event.teamId" } ], "description": "" }, "openAddMemberModal": { "type": "mutation", "updates": [ { "target": "state.addMemberModalVisible", "expr": "true" } ], "description": "" }, "closeAddMemberModal": { "type": "mutation", "updates": [ { "target": "state.addMemberModalVisible", "expr": "false" } ], "description": "" } }, "actions": { "4d74df70ddc54e8c9fe308faa1590dce": { "action_id": "4d74df70ddc54e8c9fe308faa1590dce", "trigger": "form_submit", "target_component_id": "create_department_form", "operation": "create", "description": "", "payload": { "name": "$form.name", "description": "$form.description" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"name\", \"message\": \"Department name is required\", \"rule_id\": \"val_dept_name\", \"type\": \"required\"}", "message": "{\"field\": \"name\", \"message\": \"Department name is required\", \"rule_id\": \"val_dept_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.createDepartmentModalVisible", "expr": "false" } ], "api_endpoint": "fc56cdeb0b194b6f95ce8d8a227dc401", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Department created successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchDepartments" } } ], "then": null, "catch": null, "data_action": null }, "8ac31173f3eb4e89849be0d2e5a7e201": { "action_id": "8ac31173f3eb4e89849be0d2e5a7e201", "trigger": "form_submit", "target_component_id": "edit_department_form", "operation": "update", "description": "", "payload": { "name": "$form.name", "description": "$form.description" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"name\", \"message\": \"Department name is required\", \"rule_id\": \"val_edit_dept_name\", \"type\": \"required\"}", "message": "{\"field\": \"name\", \"message\": \"Department name is required\", \"rule_id\": \"val_edit_dept_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.editDepartmentModalVisible", "expr": "false" }, { "target": "state.editingDepartment", "expr": "null" } ], "api_endpoint": "bdbe73b278cf49348b80654a6c88397b", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Department updated successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchDepartments" } } ], "then": null, "catch": null, "data_action": null }, "b7d8f266dd8c4904a9791bff621aa128": { "action_id": "b7d8f266dd8c4904a9791bff621aa128", "trigger": "button_click", "target_component_id": "department_delete_btn", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "b7d8f266dd8c4904a9791bff621aa128", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Department deleted successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchDepartments" } } ], "then": null, "catch": null, "data_action": null }, "df07bc73575d42c49293f2a2560e00e5": { "action_id": "df07bc73575d42c49293f2a2560e00e5", "trigger": "form_submit", "target_component_id": "create_team_form", "operation": "create", "description": "", "payload": { "name": "$form.name", "description": "$form.description", "department_id": "$form.department_id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"name\", \"message\": \"Team name is required\", \"rule_id\": \"val_team_name\", \"type\": \"required\"}", "message": "{\"field\": \"name\", \"message\": \"Team name is required\", \"rule_id\": \"val_team_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.createTeamModalVisible", "expr": "false" } ], "api_endpoint": "8d997fbd9eed4d43830a053626026d78", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Team created successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchTeamsByDepartment" } } ], "then": null, "catch": null, "data_action": null }, "b6ad0f28df654b7cb08c61bc77b2f00d": { "action_id": "b6ad0f28df654b7cb08c61bc77b2f00d", "trigger": "form_submit", "target_component_id": "edit_team_form", "operation": "update", "description": "", "payload": { "name": "$form.name", "description": "$form.description", "department_id": "$form.department_id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"name\", \"message\": \"Team name is required\", \"rule_id\": \"val_edit_team_name\", \"type\": \"required\"}", "message": "{\"field\": \"name\", \"message\": \"Team name is required\", \"rule_id\": \"val_edit_team_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.editTeamModalVisible", "expr": "false" }, { "target": "state.editingTeam", "expr": "null" } ], "api_endpoint": "e0c88fa8511d48c3934aa6edb207df25", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Team updated successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchTeamsByDepartment" } } ], "then": null, "catch": null, "data_action": null }, "1f5eb096e7824dc780a7441e384aad04": { "action_id": "1f5eb096e7824dc780a7441e384aad04", "trigger": "button_click", "target_component_id": "team_delete_btn", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "1f5eb096e7824dc780a7441e384aad04", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Team deleted successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchTeamsByDepartment" } } ], "then": null, "catch": null, "data_action": null }, "228a28f106c341408fa08aeb59ec0148": { "action_id": "228a28f106c341408fa08aeb59ec0148", "trigger": "form_submit", "target_component_id": "add_member_form", "operation": "create", "description": "", "payload": { "user_id": "$form.user_id", "team_id": "$state.expandedTeamId" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"user_id\", \"message\": \"Please select a user\", \"rule_id\": \"val_member_user\", \"type\": \"required\"}", "message": "{\"field\": \"user_id\", \"message\": \"Please select a user\", \"rule_id\": \"val_member_user\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.addMemberModalVisible", "expr": "false" } ], "api_endpoint": "d4001173a4f644e0ad9f31523cf644d5", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Member added to team successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchUserTeams" } } ], "then": null, "catch": null, "data_action": null }, "09d9ea0661654bc0bdec5538226105e2": { "action_id": "09d9ea0661654bc0bdec5538226105e2", "trigger": "button_click", "target_component_id": "remove_member_btn", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "b7f22e0f30e74e6a8ce16c39489638a9", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Member removed from team", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchUserTeams" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "4d74df70ddc54e8c9fe308faa1590dce": { "action_id": "4d74df70ddc54e8c9fe308faa1590dce", "loading_indicator": "spinner", "loading_text": null, "success_message": "Department created successfully", "error_message": "Failed to create department", "ui_updates": [] }, "8ac31173f3eb4e89849be0d2e5a7e201": { "action_id": "8ac31173f3eb4e89849be0d2e5a7e201", "loading_indicator": "spinner", "loading_text": null, "success_message": "Department updated successfully", "error_message": "Failed to update department", "ui_updates": [] }, "b7d8f266dd8c4904a9791bff621aa128": { "action_id": "b7d8f266dd8c4904a9791bff621aa128", "loading_indicator": "spinner", "loading_text": null, "success_message": "Department deleted successfully", "error_message": "Cannot delete department with active jobs or members", "ui_updates": [] }, "df07bc73575d42c49293f2a2560e00e5": { "action_id": "df07bc73575d42c49293f2a2560e00e5", "loading_indicator": "spinner", "loading_text": null, "success_message": "Team created successfully", "error_message": "Failed to create team", "ui_updates": [] }, "b6ad0f28df654b7cb08c61bc77b2f00d": { "action_id": "b6ad0f28df654b7cb08c61bc77b2f00d", "loading_indicator": "spinner", "loading_text": null, "success_message": "Team updated successfully", "error_message": "Failed to update team", "ui_updates": [] }, "1f5eb096e7824dc780a7441e384aad04": { "action_id": "1f5eb096e7824dc780a7441e384aad04", "loading_indicator": "spinner", "loading_text": null, "success_message": "Team deleted successfully", "error_message": "Cannot delete team with active jobs", "ui_updates": [] }, "228a28f106c341408fa08aeb59ec0148": { "action_id": "228a28f106c341408fa08aeb59ec0148", "loading_indicator": "spinner", "loading_text": null, "success_message": "Member added successfully", "error_message": "Failed to add member to team", "ui_updates": [] }, "09d9ea0661654bc0bdec5538226105e2": { "action_id": "09d9ea0661654bc0bdec5538226105e2", "loading_indicator": "spinner", "loading_text": null, "success_message": "Member removed successfully", "error_message": "Failed to remove member", "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#000000", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 6 }, "components": { "main_container": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "background": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "padding": "24px 24px 0 24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_title": { "type": "Typography.Title", "label": "Departments", "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 }, "create_department_btn": { "type": "Button", "label": "Create Department", "description": null, "bind": null, "onClick": "openCreateDepartmentModal", "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 }, "departments_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "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 }, "departments_table": { "type": "Table", "label": null, "description": null, "bind": "state.departments", "onClick": "selectDepartment", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Name", "dataIndex": "name", "key": "name" }, { "title": "Description", "dataIndex": "description", "key": "description" }, { "title": "Actions", "key": "actions", "render": "action_buttons" } ], "rowKey": "id", "loading": "state.departmentsLoading", "expandable": true, "pagination": { "pageSize": 20 } }, "dynamic_props": {}, "styles": { "background": "#fff", "borderRadius": "6px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "department_edit_btn": { "type": "Button", "label": "Edit", "description": null, "bind": null, "onClick": "openEditDepartmentModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "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 }, "department_delete_btn": { "type": "Button", "label": "Delete", "description": null, "bind": null, "onClick": "deleteDepartment", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "danger": true, "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 }, "teams_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "16px 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 }, "teams_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": "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 }, "teams_title": { "type": "Typography.Title", "label": "Teams", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 4 }, "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 }, "create_team_btn": { "type": "Button", "label": "Create Team", "description": null, "bind": null, "onClick": "openCreateTeamModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "size": "small", "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 }, "teams_table": { "type": "Table", "label": null, "description": null, "bind": "state.teams", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Team Name", "dataIndex": "name", "key": "name" }, { "title": "Description", "dataIndex": "description", "key": "description" }, { "title": "Actions", "key": "actions", "render": "team_action_buttons" } ], "rowKey": "id", "loading": "state.teamsLoading", "expandable": true, "pagination": { "pageSize": 10 }, "size": "small" }, "dynamic_props": {}, "styles": { "background": "#fff", "borderRadius": "6px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "team_edit_btn": { "type": "Button", "label": "Edit", "description": null, "bind": null, "onClick": "openEditTeamModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "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 }, "team_delete_btn": { "type": "Button", "label": "Delete", "description": null, "bind": null, "onClick": "deleteTeam", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "danger": true, "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 }, "team_view_members_btn": { "type": "Button", "label": "View Members", "description": null, "bind": null, "onClick": "expandTeamMembers", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "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 }, "members_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "12px 16px", "background": "#fafafa", "borderRadius": "4px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "members_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": "8px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "members_title": { "type": "Typography.Text", "label": "Team Members", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "add_member_btn": { "type": "Button", "label": "Add Member", "description": null, "bind": null, "onClick": "openAddMemberModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "dashed", "size": "small", "icon": "UserAddOutlined" }, "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 }, "members_table": { "type": "Table", "label": null, "description": null, "bind": "state.teamMembers", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Name", "key": "name" }, { "title": "Role", "dataIndex": "role", "key": "role" }, { "title": "Email", "dataIndex": "email", "key": "email" }, { "title": "Actions", "key": "actions", "render": "member_actions" } ], "rowKey": "id", "loading": "state.teamMembersLoading", "pagination": false, "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 }, "remove_member_btn": { "type": "Button", "label": "Remove", "description": null, "bind": null, "onClick": "removeMember", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "danger": true, "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 }, "create_department_modal": { "type": "Modal", "label": "Create Department", "description": null, "bind": "state.createDepartmentModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create Department", "okText": "Create", "cancelText": "Cancel", "destroyOnClose": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_department_form": { "type": "Form", "label": null, "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 }, "create_dept_name_field": { "type": "Form.Item", "label": "Name", "description": null, "bind": "name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "name", "rules": [ { "required": true, "message": "Department 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 }, "create_dept_name_input": { "type": "Input", "label": null, "description": null, "bind": "name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter department 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 }, "create_dept_description_field": { "type": "Form.Item", "label": "Description", "description": null, "bind": "description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "description" }, "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_dept_description_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": "description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter department description", "rows": 4 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "edit_department_modal": { "type": "Modal", "label": "Edit Department", "description": null, "bind": "state.editDepartmentModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit Department", "okText": "Save", "cancelText": "Cancel", "destroyOnClose": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "edit_department_form": { "type": "Form", "label": null, "description": null, "bind": "state.editingDepartment", "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_dept_name_field": { "type": "Form.Item", "label": "Name", "description": null, "bind": "name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "name", "rules": [ { "required": true, "message": "Department 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 }, "edit_dept_name_input": { "type": "Input", "label": null, "description": null, "bind": "name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter department 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 }, "edit_dept_description_field": { "type": "Form.Item", "label": "Description", "description": null, "bind": "description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "description" }, "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_dept_description_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": "description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter department description", "rows": 4 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_team_modal": { "type": "Modal", "label": "Create Team", "description": null, "bind": "state.createTeamModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create Team", "okText": "Create", "cancelText": "Cancel", "destroyOnClose": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_team_form": { "type": "Form", "label": null, "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 }, "create_team_name_field": { "type": "Form.Item", "label": "Name", "description": null, "bind": "name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "name", "rules": [ { "required": true, "message": "Team 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 }, "create_team_name_input": { "type": "Input", "label": null, "description": null, "bind": "name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter team 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 }, "create_team_description_field": { "type": "Form.Item", "label": "Description", "description": null, "bind": "description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "description" }, "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_team_description_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": "description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter team description", "rows": 3 }, "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_team_department_field": { "type": "Form.Item", "label": "Department", "description": null, "bind": "department_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "department_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 }, "create_team_department_select": { "type": "Select", "label": null, "description": null, "bind": "department_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select department", "options": "state.departments" }, "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 }, "create_team_lead_field": { "type": "Form.Item", "label": "Team Lead", "description": null, "bind": "team_lead_user_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "team_lead_user_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 }, "create_team_lead_select": { "type": "Select", "label": null, "description": null, "bind": "team_lead_user_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select team lead", "options": "state.users", "showSearch": true, "optionFilterProp": "label" }, "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 }, "edit_team_modal": { "type": "Modal", "label": "Edit Team", "description": null, "bind": "state.editTeamModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit Team", "okText": "Save", "cancelText": "Cancel", "destroyOnClose": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "edit_team_form": { "type": "Form", "label": null, "description": null, "bind": "state.editingTeam", "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_team_name_field": { "type": "Form.Item", "label": "Name", "description": null, "bind": "name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "name", "rules": [ { "required": true, "message": "Team 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 }, "edit_team_name_input": { "type": "Input", "label": null, "description": null, "bind": "name", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter team 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 }, "edit_team_description_field": { "type": "Form.Item", "label": "Description", "description": null, "bind": "description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "description" }, "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_team_description_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": "description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter team description", "rows": 3 }, "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_team_department_field": { "type": "Form.Item", "label": "Department", "description": null, "bind": "department_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "department_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 }, "edit_team_department_select": { "type": "Select", "label": null, "description": null, "bind": "department_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select department", "options": "state.departments" }, "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 }, "add_member_modal": { "type": "Modal", "label": "Add Member", "description": null, "bind": "state.addMemberModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Add Member to Team", "okText": "Add", "cancelText": "Cancel", "destroyOnClose": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "add_member_form": { "type": "Form", "label": null, "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 }, "add_member_user_field": { "type": "Form.Item", "label": "Select User", "description": null, "bind": "user_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "user_id", "rules": [ { "required": true, "message": "Please select a user" } ] }, "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 }, "add_member_user_select": { "type": "Select", "label": null, "description": null, "bind": "user_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search and select user", "options": "state.users", "showSearch": true, "optionFilterProp": "label", "filterOption": true }, "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 }, "back_to_dashboard_btn": { "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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "departments_section", "teams_section", "create_department_modal", "edit_department_modal", "create_team_modal", "edit_team_modal", "add_member_modal" ], "page_header": [ "back_to_dashboard_btn", "page_title", "create_department_btn" ], "departments_section": [ "departments_table" ], "teams_section": [ "teams_header", "teams_table" ], "teams_header": [ "teams_title", "create_team_btn" ], "departments_table": [ "department_edit_btn", "department_delete_btn" ], "teams_table": [ "team_edit_btn", "team_delete_btn", "team_view_members_btn", "members_section" ], "members_section": [ "members_header", "members_table" ], "members_header": [ "members_title", "add_member_btn" ], "members_table": [ "remove_member_btn" ], "create_department_modal": [ "create_department_form" ], "create_department_form": [ "create_dept_name_field", "create_dept_description_field" ], "create_dept_name_field": [ "create_dept_name_input" ], "create_dept_description_field": [ "create_dept_description_input" ], "edit_department_modal": [ "edit_department_form" ], "edit_department_form": [ "edit_dept_name_field", "edit_dept_description_field" ], "edit_dept_name_field": [ "edit_dept_name_input" ], "edit_dept_description_field": [ "edit_dept_description_input" ], "create_team_modal": [ "create_team_form" ], "create_team_form": [ "create_team_name_field", "create_team_description_field", "create_team_department_field", "create_team_lead_field" ], "create_team_name_field": [ "create_team_name_input" ], "create_team_description_field": [ "create_team_description_input" ], "create_team_department_field": [ "create_team_department_select" ], "create_team_lead_field": [ "create_team_lead_select" ], "edit_team_modal": [ "edit_team_form" ], "edit_team_form": [ "edit_team_name_field", "edit_team_description_field", "edit_team_department_field" ], "edit_team_name_field": [ "edit_team_name_input" ], "edit_team_description_field": [ "edit_team_description_input" ], "edit_team_department_field": [ "edit_team_department_select" ], "add_member_modal": [ "add_member_form" ], "add_member_form": [ "add_member_user_field" ], "add_member_user_field": [ "add_member_user_select" ] }, "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 }, "departments_section": { "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 }, "teams_section": { "type": "vertical", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "teams_header": { "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 }, "members_section": { "type": "vertical", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "members_header": { "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 }, "create_department_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_department_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 }, "create_team_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_team_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 }, "add_member_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 } }, "layout_zones": [ { "zone_id": "main_content", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container with full viewport height" }, { "zone_id": "create_dept_overlay", "component": "create_department_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create department modal overlay" }, { "zone_id": "edit_dept_overlay", "component": "edit_department_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit department modal overlay" }, { "zone_id": "create_team_overlay", "component": "create_team_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create team modal overlay" }, { "zone_id": "edit_team_overlay", "component": "edit_team_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit team modal overlay" }, { "zone_id": "add_member_overlay", "component": "add_member_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Add member 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 }