{ "page_ir": { "page_id": "navigation_management", "page_goal": "Manage application menus and submenus with CRUD operations, drag-and-drop reordering, and hierarchical navigation structure management", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral" }, "accessibility": { "required_labels": [ "menu_table", "submenu_table", "create_menu_form", "create_submenu_form" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "tables scroll horizontally on small screens" ], "hidden_on_small": [ "menu_description_column", "submenu_description_column" ], "stack_on_small": [] }, "constraints": [ "Admin-only access", "Sort order must be positive integers" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "menus": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "submenus": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "menusLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "submenusLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "createMenuModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "createSubmenuModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "menuDetailModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "submenuDetailModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedMenuId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "selectedSubmenuId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "selectedMenuDetail": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "selectedSubmenuDetail": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "editMenuModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editSubmenuModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "menuDropdownOptions": { "type": "array", "expr": "state.menus.map(m => ({ label: m.menu_name, value: m.menu_id }))", "deps": [] }, "totalMenus": { "type": "number", "expr": "state.menus.length", "deps": [] }, "totalSubmenus": { "type": "number", "expr": "state.submenus.length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "6f2dc7fd687b40f78afca22b62259eac": { "endpoint_id": "6f2dc7fd687b40f78afca22b62259eac", "module": "Navigation", "endpoint": "/navigation/menus", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "menu_id", "menu_name", "sequence_number", "description", "created_at", "updated_at" ], "response_target": "menus", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "bdb6a6c966914690bb34b2b936bc2da9": { "endpoint_id": "bdb6a6c966914690bb34b2b936bc2da9", "module": "Navigation", "endpoint": "/navigation/submenus", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "submenu_id", "submenu_name", "menu_id", "sequence_number", "description", "created_at", "updated_at" ], "response_target": "submenus", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "493858952c494bb2b4d9eb272c2feafb": { "endpoint_id": "493858952c494bb2b4d9eb272c2feafb", "module": "Navigation", "endpoint": "/navigation/menus/{menu_id}/details", "method": "GET", "path_params": { "menu_id": "$state.selectedMenuId" }, "query_params": {}, "body": null, "fields": [ "id", "menu_id", "menu_name", "sequence_number", "description", "created_at", "updated_at", "submenus" ], "response_target": "selectedMenuDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "0bcd8acf2db341e782342575e8cd97c3": { "endpoint_id": "0bcd8acf2db341e782342575e8cd97c3", "module": "Navigation", "endpoint": "/navigation/submenus/{submenu_id}/details", "method": "GET", "path_params": { "submenu_id": "$state.selectedSubmenuId" }, "query_params": {}, "body": null, "fields": [ "id", "submenu_id", "submenu_name", "menu_id", "sequence_number", "description", "created_at", "updated_at" ], "response_target": "selectedSubmenuDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "9ca549ec549b4d78b793111d4ed77bdf": { "endpoint_id": "9ca549ec549b4d78b793111d4ed77bdf", "module": "Navigation", "endpoint": "/navigation/menus", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "menu_id", "menu_name", "sequence_number", "description" ], "response_target": "createMenu_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "552a0bfd12f44d4384615a513eca3879": { "endpoint_id": "552a0bfd12f44d4384615a513eca3879", "module": "Navigation", "endpoint": "/navigation/menus/{menu_id}", "method": "PUT", "path_params": { "menu_id": "$state.selectedMenuId" }, "query_params": {}, "body": {}, "fields": [ "id", "menu_id", "menu_name", "sequence_number", "description" ], "response_target": "updateMenu_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "7b7578d129be4e0dbe87263f373f1196": { "endpoint_id": "7b7578d129be4e0dbe87263f373f1196", "module": "Navigation", "endpoint": "/navigation/menus/{menu_id}", "method": "DELETE", "path_params": { "menu_id": "$state.selectedMenuId" }, "query_params": {}, "body": null, "fields": [], "response_target": "7b7578d129be4e0dbe87263f373f1196_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "7c27afda826241688c3e02023ef5dcab": { "endpoint_id": "7c27afda826241688c3e02023ef5dcab", "module": "Navigation", "endpoint": "/navigation/submenus", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "submenu_id", "submenu_name", "menu_id", "sequence_number", "description" ], "response_target": "createSubmenu_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "b8d6a64ddcbb4ff6bdf0b84d1cdce6b2": { "endpoint_id": "b8d6a64ddcbb4ff6bdf0b84d1cdce6b2", "module": "Navigation", "endpoint": "/navigation/submenus/{submenu_id}", "method": "PUT", "path_params": { "submenu_id": "$state.selectedSubmenuId" }, "query_params": {}, "body": {}, "fields": [ "id", "submenu_id", "submenu_name", "menu_id", "sequence_number", "description" ], "response_target": "updateSubmenu_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c91a61ffb8a343fba98d5fa353ed3384": { "endpoint_id": "c91a61ffb8a343fba98d5fa353ed3384", "module": "Navigation", "endpoint": "/navigation/submenus/{submenu_id}", "method": "DELETE", "path_params": { "submenu_id": "$state.selectedSubmenuId" }, "query_params": {}, "body": null, "fields": [], "response_target": "c91a61ffb8a343fba98d5fa353ed3384_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "menu": { "name": "Menu", "backend_module": "Navigation", "fields": [ "id", "menu_id", "menu_name", "sequence_number", "description", "created_at", "updated_at" ], "computed": [], "display_fields": [ "menu_id", "menu_name", "sequence_number", "description" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "submenu": { "name": "Submenu", "backend_module": "Navigation", "fields": [ "id", "submenu_id", "submenu_name", "menu_id", "sequence_number", "description", "created_at", "updated_at" ], "computed": [], "display_fields": [ "submenu_id", "submenu_name", "menu_id", "sequence_number", "description" ], "search_fields": [], "filters": [ "menu_id" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "openCreateMenuModal": { "type": "mutation", "updates": [ { "target": "state.createMenuModalVisible", "expr": "true" } ], "description": "" }, "closeCreateMenuModal": { "type": "mutation", "updates": [ { "target": "state.createMenuModalVisible", "expr": "false" } ], "description": "" }, "openCreateSubmenuModal": { "type": "mutation", "updates": [ { "target": "state.createSubmenuModalVisible", "expr": "true" } ], "description": "" }, "closeCreateSubmenuModal": { "type": "mutation", "updates": [ { "target": "state.createSubmenuModalVisible", "expr": "false" } ], "description": "" }, "openMenuDetailModal": { "type": "mutation", "updates": [ { "target": "state.menuDetailModalVisible", "expr": "true" } ], "description": "" }, "closeMenuDetailModal": { "type": "mutation", "updates": [ { "target": "state.menuDetailModalVisible", "expr": "false" }, { "target": "state.selectedMenuDetail", "expr": "null" } ], "description": "" }, "openSubmenuDetailModal": { "type": "mutation", "updates": [ { "target": "state.submenuDetailModalVisible", "expr": "true" } ], "description": "" }, "closeSubmenuDetailModal": { "type": "mutation", "updates": [ { "target": "state.submenuDetailModalVisible", "expr": "false" }, { "target": "state.selectedSubmenuDetail", "expr": "null" } ], "description": "" }, "openEditMenuModal": { "type": "mutation", "updates": [ { "target": "state.editMenuModalVisible", "expr": "true" } ], "description": "" }, "closeEditMenuModal": { "type": "mutation", "updates": [ { "target": "state.editMenuModalVisible", "expr": "false" } ], "description": "" }, "openEditSubmenuModal": { "type": "mutation", "updates": [ { "target": "state.editSubmenuModalVisible", "expr": "true" } ], "description": "" }, "closeEditSubmenuModal": { "type": "mutation", "updates": [ { "target": "state.editSubmenuModalVisible", "expr": "false" } ], "description": "" } }, "actions": { "5d14008e30e34ba78037fafce3d862e9": { "action_id": "5d14008e30e34ba78037fafce3d862e9", "trigger": "form_submit", "target_component_id": "create_menu_form", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"menu_name\", \"message\": \"Menu label is required\", \"rule_id\": \"val_menu_name\", \"type\": \"required\"}", "message": "{\"field\": \"menu_name\", \"message\": \"Menu label is required\", \"rule_id\": \"val_menu_name\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"sequence_number\", \"message\": \"Sort order is required\", \"rule_id\": \"val_sequence\", \"type\": \"required\"}", "message": "{\"field\": \"sequence_number\", \"message\": \"Sort order is required\", \"rule_id\": \"val_sequence\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.createMenuModalVisible", "expr": "false" } ], "api_endpoint": "9ca549ec549b4d78b793111d4ed77bdf", "api_body": "{ menu_id: formValues.menu_id, menu_name: formValues.menu_name, sequence_number: formValues.sequence_number, description: formValues.description }", "side_effects": [ { "type": "toast", "config": { "message": "Menu created successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchMenus" } } ], "then": null, "catch": null, "data_action": null }, "8e6442de98e8437eab847d90a810f46a": { "action_id": "8e6442de98e8437eab847d90a810f46a", "trigger": "form_submit", "target_component_id": "edit_menu_form", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"menu_name\", \"message\": \"Menu label is required\", \"rule_id\": \"val_edit_menu_name\", \"type\": \"required\"}", "message": "{\"field\": \"menu_name\", \"message\": \"Menu label is required\", \"rule_id\": \"val_edit_menu_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.editMenuModalVisible", "expr": "false" } ], "api_endpoint": "552a0bfd12f44d4384615a513eca3879", "api_body": "{ menu_name: formValues.menu_name, sequence_number: formValues.sequence_number, description: formValues.description }", "side_effects": [ { "type": "toast", "config": { "message": "Menu updated successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchMenus" } } ], "then": null, "catch": null, "data_action": null }, "7b7578d129be4e0dbe87263f373f1196": { "action_id": "7b7578d129be4e0dbe87263f373f1196", "trigger": "button_click", "target_component_id": "menus_table", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "7b7578d129be4e0dbe87263f373f1196", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Menu deleted successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchMenus" } } ], "then": null, "catch": null, "data_action": null }, "1110fb3239c64db095d32957f22166c6": { "action_id": "1110fb3239c64db095d32957f22166c6", "trigger": "button_click", "target_component_id": "menus_table", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.menuDetailModalVisible", "expr": "true" } ], "api_endpoint": "493858952c494bb2b4d9eb272c2feafb", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "9a04723998704b61bba13b28aad7cc30": { "action_id": "9a04723998704b61bba13b28aad7cc30", "trigger": "form_submit", "target_component_id": "create_submenu_form", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"submenu_name\", \"message\": \"Submenu label is required\", \"rule_id\": \"val_submenu_name\", \"type\": \"required\"}", "message": "{\"field\": \"submenu_name\", \"message\": \"Submenu label is required\", \"rule_id\": \"val_submenu_name\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"menu_id\", \"message\": \"Parent menu is required\", \"rule_id\": \"val_parent_menu\", \"type\": \"required\"}", "message": "{\"field\": \"menu_id\", \"message\": \"Parent menu is required\", \"rule_id\": \"val_parent_menu\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"sequence_number\", \"message\": \"Sort order is required\", \"rule_id\": \"val_sub_sequence\", \"type\": \"required\"}", "message": "{\"field\": \"sequence_number\", \"message\": \"Sort order is required\", \"rule_id\": \"val_sub_sequence\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.createSubmenuModalVisible", "expr": "false" } ], "api_endpoint": "7c27afda826241688c3e02023ef5dcab", "api_body": "{ submenu_id: formValues.submenu_id, submenu_name: formValues.submenu_name, menu_id: formValues.menu_id, sequence_number: formValues.sequence_number, description: formValues.description }", "side_effects": [ { "type": "toast", "config": { "message": "Submenu created successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchSubmenus" } } ], "then": null, "catch": null, "data_action": null }, "bdadec00ee864c568d425bb5a948e0e0": { "action_id": "bdadec00ee864c568d425bb5a948e0e0", "trigger": "form_submit", "target_component_id": "edit_submenu_form", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"submenu_name\", \"message\": \"Submenu label is required\", \"rule_id\": \"val_edit_submenu_name\", \"type\": \"required\"}", "message": "{\"field\": \"submenu_name\", \"message\": \"Submenu label is required\", \"rule_id\": \"val_edit_submenu_name\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.editSubmenuModalVisible", "expr": "false" } ], "api_endpoint": "b8d6a64ddcbb4ff6bdf0b84d1cdce6b2", "api_body": "{ submenu_name: formValues.submenu_name, menu_id: formValues.menu_id, sequence_number: formValues.sequence_number, description: formValues.description }", "side_effects": [ { "type": "toast", "config": { "message": "Submenu updated successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchSubmenus" } } ], "then": null, "catch": null, "data_action": null }, "c91a61ffb8a343fba98d5fa353ed3384": { "action_id": "c91a61ffb8a343fba98d5fa353ed3384", "trigger": "button_click", "target_component_id": "submenus_table", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "c91a61ffb8a343fba98d5fa353ed3384", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Submenu deleted successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchSubmenus" } } ], "then": null, "catch": null, "data_action": null }, "cd7a1b0c7895413bb6993e9939f9bccd": { "action_id": "cd7a1b0c7895413bb6993e9939f9bccd", "trigger": "button_click", "target_component_id": "submenus_table", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.submenuDetailModalVisible", "expr": "true" } ], "api_endpoint": "0bcd8acf2db341e782342575e8cd97c3", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "a07f70e2c81240e8ab142d9c46d2c069": { "action_id": "a07f70e2c81240e8ab142d9c46d2c069", "trigger": "button_click", "target_component_id": "menus_table", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "552a0bfd12f44d4384615a513eca3879", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Menu order updated", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchMenus" } } ], "then": null, "catch": null, "data_action": null }, "caf34c322fd843ac8e34971022c79b88": { "action_id": "caf34c322fd843ac8e34971022c79b88", "trigger": "button_click", "target_component_id": "submenus_table", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "b8d6a64ddcbb4ff6bdf0b84d1cdce6b2", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Submenu order updated", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchSubmenus" } } ], "then": null, "catch": null, "data_action": null }, "0c3ab798942c4a41be31a473d244a66e": { "action_id": "0c3ab798942c4a41be31a473d244a66e", "trigger": "button_click", "target_component_id": "breadcrumb_dashboard", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/" } } ], "then": null, "catch": null, "data_action": null }, "29c8a41def254333ada04a3b07ecb427": { "action_id": "29c8a41def254333ada04a3b07ecb427", "trigger": "button_click", "target_component_id": "breadcrumb_configuration", "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": "/configuration" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "5d14008e30e34ba78037fafce3d862e9": { "action_id": "5d14008e30e34ba78037fafce3d862e9", "loading_indicator": "spinner", "loading_text": null, "success_message": "Menu created successfully", "error_message": "Failed to create menu", "ui_updates": [] }, "8e6442de98e8437eab847d90a810f46a": { "action_id": "8e6442de98e8437eab847d90a810f46a", "loading_indicator": "spinner", "loading_text": null, "success_message": "Menu updated successfully", "error_message": "Failed to update menu", "ui_updates": [] }, "7b7578d129be4e0dbe87263f373f1196": { "action_id": "7b7578d129be4e0dbe87263f373f1196", "loading_indicator": "spinner", "loading_text": null, "success_message": "Menu deleted successfully", "error_message": "Failed to delete menu", "ui_updates": [] }, "1110fb3239c64db095d32957f22166c6": { "action_id": "1110fb3239c64db095d32957f22166c6", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load menu details", "ui_updates": [] }, "9a04723998704b61bba13b28aad7cc30": { "action_id": "9a04723998704b61bba13b28aad7cc30", "loading_indicator": "spinner", "loading_text": null, "success_message": "Submenu created successfully", "error_message": "Failed to create submenu", "ui_updates": [] }, "bdadec00ee864c568d425bb5a948e0e0": { "action_id": "bdadec00ee864c568d425bb5a948e0e0", "loading_indicator": "spinner", "loading_text": null, "success_message": "Submenu updated successfully", "error_message": "Failed to update submenu", "ui_updates": [] }, "c91a61ffb8a343fba98d5fa353ed3384": { "action_id": "c91a61ffb8a343fba98d5fa353ed3384", "loading_indicator": "spinner", "loading_text": null, "success_message": "Submenu deleted successfully", "error_message": "Failed to delete submenu", "ui_updates": [] }, "cd7a1b0c7895413bb6993e9939f9bccd": { "action_id": "cd7a1b0c7895413bb6993e9939f9bccd", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load submenu details", "ui_updates": [] }, "a07f70e2c81240e8ab142d9c46d2c069": { "action_id": "a07f70e2c81240e8ab142d9c46d2c069", "loading_indicator": "spinner", "loading_text": null, "success_message": "Menu order updated", "error_message": "Failed to reorder menus", "ui_updates": [] }, "caf34c322fd843ac8e34971022c79b88": { "action_id": "caf34c322fd843ac8e34971022c79b88", "loading_indicator": "spinner", "loading_text": null, "success_message": "Submenu order updated", "error_message": "Failed to reorder submenus", "ui_updates": [] }, "0c3ab798942c4a41be31a473d244a66e": { "action_id": "0c3ab798942c4a41be31a473d244a66e", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "29c8a41def254333ada04a3b07ecb427": { "action_id": "29c8a41def254333ada04a3b07ecb427", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#000000", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 6 }, "components": { "main_container": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "padding": "24px", "background": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "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 }, "breadcrumb_nav": { "type": "Breadcrumb", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "title": "Dashboard", "key": "dashboard" }, { "title": "Configuration", "key": "configuration" }, { "title": "Navigation Management", "key": "navigation" } ] }, "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 }, "breadcrumb_dashboard": { "type": "BreadcrumbItem", "label": "Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "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 }, "breadcrumb_configuration": { "type": "BreadcrumbItem", "label": "Configuration", "description": null, "bind": null, "onClick": "navigateToConfiguration", "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 }, "page_title": { "type": "Typography.Title", "label": "Navigation Management", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "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 }, "page_description": { "type": "Typography.Text", "label": "Manage application menus and submenus. Drag rows to reorder sort positions.", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "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 }, "menus_section": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Menus" }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "menus_toolbar": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "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 }, "menus_count_text": { "type": "Typography.Text", "label": null, "description": null, "bind": "derived.totalMenus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "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_menu_button": { "type": "Button", "label": "Create Menu", "description": null, "bind": null, "onClick": "openCreateMenuModal", "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 }, "menus_table": { "type": "Table", "label": "Menus Table", "description": null, "bind": "state.menus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "state.menusLoading", "draggable": true, "columns": [ { "title": "Menu ID", "dataIndex": "menu_id", "key": "menu_id", "width": 100 }, { "title": "Label", "dataIndex": "menu_name", "key": "menu_name" }, { "title": "Sort Order", "dataIndex": "sequence_number", "key": "sequence_number", "width": 120 }, { "title": "Description", "dataIndex": "description", "key": "description" }, { "title": "Created At", "dataIndex": "created_at", "key": "created_at", "width": 180 }, { "title": "Actions", "key": "actions", "width": 200 } ], "pagination": { "pageSize": 20 } }, "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 }, "menu_actions_view": { "type": "Button", "label": "View", "description": null, "bind": null, "onClick": "viewMenuDetails", "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 }, "menu_actions_edit": { "type": "Button", "label": "Edit", "description": null, "bind": null, "onClick": "openEditMenuModal", "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 }, "menu_actions_delete": { "type": "Button", "label": "Delete", "description": null, "bind": null, "onClick": "deleteMenu", "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 }, "submenus_section": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Submenus" }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "submenus_toolbar": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "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 }, "submenus_count_text": { "type": "Typography.Text", "label": null, "description": null, "bind": "derived.totalSubmenus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "secondary" }, "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_submenu_button": { "type": "Button", "label": "Create Submenu", "description": null, "bind": null, "onClick": "openCreateSubmenuModal", "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 }, "submenus_table": { "type": "Table", "label": "Submenus Table", "description": null, "bind": "state.submenus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "state.submenusLoading", "draggable": true, "columns": [ { "title": "Submenu ID", "dataIndex": "submenu_id", "key": "submenu_id", "width": 120 }, { "title": "Label", "dataIndex": "submenu_name", "key": "submenu_name" }, { "title": "Parent Menu", "dataIndex": "menu_id", "key": "menu_id", "width": 140 }, { "title": "Sort Order", "dataIndex": "sequence_number", "key": "sequence_number", "width": 120 }, { "title": "Description", "dataIndex": "description", "key": "description" }, { "title": "Created At", "dataIndex": "created_at", "key": "created_at", "width": 180 }, { "title": "Actions", "key": "actions", "width": 200 } ], "pagination": { "pageSize": 20 } }, "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 }, "submenu_actions_view": { "type": "Button", "label": "View", "description": null, "bind": null, "onClick": "viewSubmenuDetails", "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 }, "submenu_actions_edit": { "type": "Button", "label": "Edit", "description": null, "bind": null, "onClick": "openEditSubmenuModal", "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 }, "submenu_actions_delete": { "type": "Button", "label": "Delete", "description": null, "bind": null, "onClick": "deleteSubmenu", "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_menu_modal": { "type": "Modal", "label": "Create Menu", "description": null, "bind": "state.createMenuModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create Menu", "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_menu_form": { "type": "Form", "label": "Create Menu 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 }, "create_menu_field_menu_id": { "type": "Form.Item", "label": "Menu ID", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "menu_id", "rules": [ { "required": true, "message": "Menu 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 }, "create_menu_input_menu_id": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter menu ID", "min": 1, "style": { "width": "100%" } }, "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_menu_field_name": { "type": "Form.Item", "label": "Label", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "menu_name", "rules": [ { "required": true, "message": "Label 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_menu_input_name": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter menu label" }, "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_menu_field_sequence": { "type": "Form.Item", "label": "Sort Order", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "sequence_number", "rules": [ { "required": true, "message": "Sort order 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_menu_input_sequence": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter sort order", "min": 1, "style": { "width": "100%" } }, "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_menu_field_description": { "type": "Form.Item", "label": "Description", "description": null, "bind": null, "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_menu_input_description": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter 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_menu_modal": { "type": "Modal", "label": "Edit Menu", "description": null, "bind": "state.editMenuModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit Menu", "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_menu_form": { "type": "Form", "label": "Edit Menu 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_menu_field_name": { "type": "Form.Item", "label": "Label", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "menu_name", "rules": [ { "required": true, "message": "Label 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_menu_input_name": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter menu label" }, "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_menu_field_sequence": { "type": "Form.Item", "label": "Sort Order", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "sequence_number", "rules": [ { "required": true, "message": "Sort order 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_menu_input_sequence": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter sort order", "min": 1, "style": { "width": "100%" } }, "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_menu_field_description": { "type": "Form.Item", "label": "Description", "description": null, "bind": null, "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_menu_input_description": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter 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_submenu_modal": { "type": "Modal", "label": "Create Submenu", "description": null, "bind": "state.createSubmenuModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create Submenu", "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_submenu_form": { "type": "Form", "label": "Create Submenu 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 }, "create_submenu_field_submenu_id": { "type": "Form.Item", "label": "Submenu ID", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "submenu_id", "rules": [ { "required": true, "message": "Submenu 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 }, "create_submenu_input_submenu_id": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter submenu ID", "min": 1, "style": { "width": "100%" } }, "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_submenu_field_name": { "type": "Form.Item", "label": "Label", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "submenu_name", "rules": [ { "required": true, "message": "Label 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_submenu_input_name": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter submenu label" }, "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_submenu_field_parent": { "type": "Form.Item", "label": "Parent Menu", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "menu_id", "rules": [ { "required": true, "message": "Parent menu 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_submenu_select_parent": { "type": "Select", "label": null, "description": null, "bind": "derived.menuDropdownOptions", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select parent menu", "allowClear": 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 }, "create_submenu_field_sequence": { "type": "Form.Item", "label": "Sort Order", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "sequence_number", "rules": [ { "required": true, "message": "Sort order 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_submenu_input_sequence": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter sort order", "min": 1, "style": { "width": "100%" } }, "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_submenu_field_description": { "type": "Form.Item", "label": "Description", "description": null, "bind": null, "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_submenu_input_description": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter 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_submenu_modal": { "type": "Modal", "label": "Edit Submenu", "description": null, "bind": "state.editSubmenuModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit Submenu", "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_submenu_form": { "type": "Form", "label": "Edit Submenu 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_submenu_field_name": { "type": "Form.Item", "label": "Label", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "submenu_name", "rules": [ { "required": true, "message": "Label 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_submenu_input_name": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter submenu label" }, "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_submenu_field_parent": { "type": "Form.Item", "label": "Parent Menu", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "menu_id", "rules": [ { "required": true, "message": "Parent menu 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_submenu_select_parent": { "type": "Select", "label": null, "description": null, "bind": "derived.menuDropdownOptions", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select parent menu", "allowClear": 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 }, "edit_submenu_field_sequence": { "type": "Form.Item", "label": "Sort Order", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "sequence_number", "rules": [ { "required": true, "message": "Sort order 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_submenu_input_sequence": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter sort order", "min": 1, "style": { "width": "100%" } }, "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_submenu_field_description": { "type": "Form.Item", "label": "Description", "description": null, "bind": null, "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_submenu_input_description": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter 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 }, "menu_detail_modal": { "type": "Modal", "label": "Menu Details", "description": null, "bind": "state.menuDetailModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Menu Details", "footer": null, "width": 640 }, "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 }, "menu_detail_content": { "type": "Descriptions", "label": null, "description": null, "bind": "state.selectedMenuDetail", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 2, "items": [ { "label": "Menu ID", "field": "menu_id" }, { "label": "Label", "field": "menu_name" }, { "label": "Sort Order", "field": "sequence_number" }, { "label": "Description", "field": "description" }, { "label": "Created At", "field": "created_at" }, { "label": "Updated At", "field": "updated_at" } ] }, "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 }, "menu_detail_submenus_title": { "type": "Typography.Title", "label": "Child Submenus", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 5 }, "dynamic_props": {}, "styles": { "marginTop": "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 }, "menu_detail_submenus_list": { "type": "Table", "label": "Child Submenus", "description": null, "bind": "state.selectedMenuDetail.submenus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "size": "small", "pagination": false, "columns": [ { "title": "Submenu ID", "dataIndex": "submenu_id", "key": "submenu_id" }, { "title": "Label", "dataIndex": "submenu_name", "key": "submenu_name" }, { "title": "Sort Order", "dataIndex": "sequence_number", "key": "sequence_number" } ] }, "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 }, "submenu_detail_modal": { "type": "Modal", "label": "Submenu Details", "description": null, "bind": "state.submenuDetailModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Submenu Details", "footer": null, "width": 560 }, "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 }, "submenu_detail_content": { "type": "Descriptions", "label": null, "description": null, "bind": "state.selectedSubmenuDetail", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 2, "items": [ { "label": "Submenu ID", "field": "submenu_id" }, { "label": "Label", "field": "submenu_name" }, { "label": "Parent Menu ID", "field": "menu_id" }, { "label": "Sort Order", "field": "sequence_number" }, { "label": "Description", "field": "description" }, { "label": "Created At", "field": "created_at" }, { "label": "Updated At", "field": "updated_at" } ] }, "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", "menus_section", "submenus_section", "create_menu_modal", "edit_menu_modal", "create_submenu_modal", "edit_submenu_modal", "menu_detail_modal", "submenu_detail_modal" ], "page_header": [ "breadcrumb_nav", "page_title", "page_description" ], "breadcrumb_nav": [ "breadcrumb_dashboard", "breadcrumb_configuration" ], "menus_section": [ "menus_toolbar", "menus_table" ], "menus_toolbar": [ "menus_count_text", "create_menu_button" ], "menus_table": [ "menu_actions_view", "menu_actions_edit", "menu_actions_delete" ], "submenus_section": [ "submenus_toolbar", "submenus_table" ], "submenus_toolbar": [ "submenus_count_text", "create_submenu_button" ], "submenus_table": [ "submenu_actions_view", "submenu_actions_edit", "submenu_actions_delete" ], "create_menu_modal": [ "create_menu_form" ], "create_menu_form": [ "create_menu_field_menu_id", "create_menu_field_name", "create_menu_field_sequence", "create_menu_field_description" ], "create_menu_field_menu_id": [ "create_menu_input_menu_id" ], "create_menu_field_name": [ "create_menu_input_name" ], "create_menu_field_sequence": [ "create_menu_input_sequence" ], "create_menu_field_description": [ "create_menu_input_description" ], "edit_menu_modal": [ "edit_menu_form" ], "edit_menu_form": [ "edit_menu_field_name", "edit_menu_field_sequence", "edit_menu_field_description" ], "edit_menu_field_name": [ "edit_menu_input_name" ], "edit_menu_field_sequence": [ "edit_menu_input_sequence" ], "edit_menu_field_description": [ "edit_menu_input_description" ], "create_submenu_modal": [ "create_submenu_form" ], "create_submenu_form": [ "create_submenu_field_submenu_id", "create_submenu_field_name", "create_submenu_field_parent", "create_submenu_field_sequence", "create_submenu_field_description" ], "create_submenu_field_submenu_id": [ "create_submenu_input_submenu_id" ], "create_submenu_field_name": [ "create_submenu_input_name" ], "create_submenu_field_parent": [ "create_submenu_select_parent" ], "create_submenu_field_sequence": [ "create_submenu_input_sequence" ], "create_submenu_field_description": [ "create_submenu_input_description" ], "edit_submenu_modal": [ "edit_submenu_form" ], "edit_submenu_form": [ "edit_submenu_field_name", "edit_submenu_field_parent", "edit_submenu_field_sequence", "edit_submenu_field_description" ], "edit_submenu_field_name": [ "edit_submenu_input_name" ], "edit_submenu_field_parent": [ "edit_submenu_select_parent" ], "edit_submenu_field_sequence": [ "edit_submenu_input_sequence" ], "edit_submenu_field_description": [ "edit_submenu_input_description" ], "menu_detail_modal": [ "menu_detail_content", "menu_detail_submenus_title", "menu_detail_submenus_list" ], "submenu_detail_modal": [ "submenu_detail_content" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header": { "type": "vertical", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "menus_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 }, "menus_toolbar": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "submenus_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 }, "submenus_toolbar": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "create_menu_form": { "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_menu_form": { "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_submenu_form": { "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_submenu_form": { "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 }, "menu_detail_modal": { "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 }, "submenu_detail_modal": { "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_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container" }, { "zone_id": "create_menu_overlay", "component": "create_menu_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create menu modal overlay" }, { "zone_id": "edit_menu_overlay", "component": "edit_menu_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit menu modal overlay" }, { "zone_id": "create_submenu_overlay", "component": "create_submenu_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create submenu modal overlay" }, { "zone_id": "edit_submenu_overlay", "component": "edit_submenu_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit submenu modal overlay" }, { "zone_id": "menu_detail_overlay", "component": "menu_detail_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Menu detail modal overlay" }, { "zone_id": "submenu_detail_overlay", "component": "submenu_detail_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Submenu detail 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 }