{ "page_ir": { "page_id": "pallet_configs", "page_goal": "Manage pallet configurations with CRUD operations, search, filtering, and change history tracking", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with blue accents" }, "accessibility": { "required_labels": [ "search_input", "filter_material_type", "config_form", "history_table" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "table scrolls horizontally on small screens" ], "hidden_on_small": [ "dimensions_column" ], "stack_on_small": [] }, "constraints": [ "Must show history tab alongside configurations table" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "palletConfigs": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "palletConfigHistory": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "historyLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "createModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedConfigId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "searchText": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "activeTab": { "type": "string", "initial": "configurations", "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredConfigs": { "type": "array", "expr": "state.palletConfigs.filter(c => !state.searchText || JSON.stringify(c).toLowerCase().includes(state.searchText.toLowerCase()))", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "9015d7e18f6a48b181877de20845f1d9": { "endpoint_id": "9015d7e18f6a48b181877de20845f1d9", "module": "Pallet Configuration", "endpoint": "/pallet-configs/", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0 }, "body": null, "fields": [ "id", "submenu_id", "cases_per_pallet", "notes", "metadata", "version", "created_at", "updated_at" ], "response_target": "palletConfigs", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c82b90442ce64b8ba0f69c461f5b7f83": { "endpoint_id": "c82b90442ce64b8ba0f69c461f5b7f83", "module": "Pallet Configuration", "endpoint": "/pallet-configs/history", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0 }, "body": null, "fields": [ "id", "submenu_id", "pallet_config_id", "change_date", "change_description", "changed_by", "change_type", "created_at", "updated_at" ], "response_target": "palletConfigHistory", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "faf41ceea8244c4698b97674bd2f20c8": { "endpoint_id": "faf41ceea8244c4698b97674bd2f20c8", "module": "Pallet Configuration", "endpoint": "/pallet-configs/", "method": "POST", "path_params": {}, "query_params": {}, "body": null, "fields": [ "id", "submenu_id", "cases_per_pallet", "notes", "metadata", "version", "created_at", "updated_at" ], "response_target": "createPalletConfig_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "99dd8bca07b24b28b417ed02ab468fd5": { "endpoint_id": "99dd8bca07b24b28b417ed02ab468fd5", "module": "Pallet Configuration", "endpoint": "/pallet-configs/{entity_id}", "method": "PUT", "path_params": { "entity_id": "$state.selectedConfigId" }, "query_params": {}, "body": null, "fields": [ "id", "submenu_id", "cases_per_pallet", "notes", "metadata", "version", "created_at", "updated_at" ], "response_target": "updatePalletConfig_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "d62ea5f746024cbdad05de6ad0df9a91": { "endpoint_id": "d62ea5f746024cbdad05de6ad0df9a91", "module": "Pallet Configuration", "endpoint": "/pallet-configs/{entity_id}", "method": "DELETE", "path_params": { "entity_id": "$state.selectedConfigId" }, "query_params": {}, "body": null, "fields": [], "response_target": "deletePalletConfig_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "palletConfig": { "name": "PalletConfig", "backend_module": "Pallet Configuration", "fields": [ "id", "submenu_id", "cases_per_pallet", "notes", "metadata", "version", "deleted_at", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "cases_per_pallet", "notes", "metadata", "created_at", "updated_at" ], "search_fields": [], "filters": [ "submenu_id" ], "default_sort": null, "default_sort_dir": "asc" }, "palletConfigHistory": { "name": "PalletConfigHistory", "backend_module": "Pallet Configuration", "fields": [ "id", "submenu_id", "pallet_config_id", "change_date", "change_description", "changed_by", "change_type", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "pallet_config_id", "change_date", "change_description", "changed_by", "change_type" ], "search_fields": [], "filters": [ "pallet_config_id", "submenu_id" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onSearchChange": { "type": "mutation", "updates": [ { "target": "state.searchText", "expr": "event.target.value" } ], "description": "" }, "onTabChange": { "type": "mutation", "updates": [ { "target": "state.activeTab", "expr": "event" } ], "description": "" }, "openCreateModal": { "type": "mutation", "updates": [ { "target": "state.createModalVisible", "expr": "true" } ], "description": "" }, "closeCreateModal": { "type": "mutation", "updates": [ { "target": "state.createModalVisible", "expr": "false" } ], "description": "" }, "openEditModal": { "type": "mutation", "updates": [ { "target": "state.editModalVisible", "expr": "true" }, { "target": "state.selectedConfigId", "expr": "payload.id" } ], "description": "" }, "closeEditModal": { "type": "mutation", "updates": [ { "target": "state.editModalVisible", "expr": "false" }, { "target": "state.selectedConfigId", "expr": "null" } ], "description": "" }, "selectConfigForDelete": { "type": "mutation", "updates": [ { "target": "state.selectedConfigId", "expr": "payload.id" } ], "description": "" } }, "actions": { "35cd7c2bf5ff4dff92ad777a6fd29763": { "action_id": "35cd7c2bf5ff4dff92ad777a6fd29763", "trigger": "form_submit", "target_component_id": "create_config_modal", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"cases_per_pallet\", \"message\": \"Cases per pallet is required\", \"rule_id\": \"val_cases\", \"type\": \"required\"}", "message": "{\"field\": \"cases_per_pallet\", \"message\": \"Cases per pallet is required\", \"rule_id\": \"val_cases\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.createModalVisible", "expr": "false" } ], "api_endpoint": "faf41ceea8244c4698b97674bd2f20c8", "api_body": "{ submenu_id: formValues.submenu_id || 1, cases_per_pallet: formValues.cases_per_pallet, notes: formValues.notes, metadata: { name: formValues.name, length: formValues.length, width: formValues.width, height: formValues.height, max_weight: formValues.max_weight, material_type: formValues.material_type, description: formValues.description } }", "side_effects": [ { "type": "toast", "config": { "message": "Pallet configuration created successfully", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "5d2c226baf4f4e8b82b83aa6b6a2fb20": { "action_id": "5d2c226baf4f4e8b82b83aa6b6a2fb20", "trigger": "form_submit", "target_component_id": "edit_config_modal", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"cases_per_pallet\", \"message\": \"Cases per pallet is required\", \"rule_id\": \"val_edit_cases\", \"type\": \"required\"}", "message": "{\"field\": \"cases_per_pallet\", \"message\": \"Cases per pallet is required\", \"rule_id\": \"val_edit_cases\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.editModalVisible", "expr": "false" }, { "target": "state.selectedConfigId", "expr": "null" } ], "api_endpoint": "99dd8bca07b24b28b417ed02ab468fd5", "api_body": "{ cases_per_pallet: formValues.cases_per_pallet, notes: formValues.notes, metadata: { name: formValues.name, length: formValues.length, width: formValues.width, height: formValues.height, max_weight: formValues.max_weight, material_type: formValues.material_type, description: formValues.description } }", "side_effects": [ { "type": "toast", "config": { "message": "Pallet configuration updated successfully", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "64a531c311d44ee5b17e707c921daaee": { "action_id": "64a531c311d44ee5b17e707c921daaee", "trigger": "button_click", "target_component_id": "configs_table", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "d62ea5f746024cbdad05de6ad0df9a91", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Pallet configuration deleted successfully", "type": "success" } }, { "type": "refresh", "config": {} } ], "then": null, "catch": null, "data_action": null }, "7fb914d9d45941c89b132cdd4065d687": { "action_id": "7fb914d9d45941c89b132cdd4065d687", "trigger": "button_click", "target_component_id": "breadcrumb_nav", "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 }, "543bf653ff604a2c87f9867e9a04b5ae": { "action_id": "543bf653ff604a2c87f9867e9a04b5ae", "trigger": "button_click", "target_component_id": "breadcrumb_nav", "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": { "35cd7c2bf5ff4dff92ad777a6fd29763": { "action_id": "35cd7c2bf5ff4dff92ad777a6fd29763", "loading_indicator": "spinner", "loading_text": null, "success_message": "Pallet configuration created successfully", "error_message": "Failed to create pallet configuration", "ui_updates": [] }, "5d2c226baf4f4e8b82b83aa6b6a2fb20": { "action_id": "5d2c226baf4f4e8b82b83aa6b6a2fb20", "loading_indicator": "spinner", "loading_text": null, "success_message": "Pallet configuration updated successfully", "error_message": "Failed to update pallet configuration", "ui_updates": [] }, "64a531c311d44ee5b17e707c921daaee": { "action_id": "64a531c311d44ee5b17e707c921daaee", "loading_indicator": "spinner", "loading_text": null, "success_message": "Pallet configuration deleted successfully", "error_message": "Failed to delete pallet configuration", "ui_updates": [] }, "7fb914d9d45941c89b132cdd4065d687": { "action_id": "7fb914d9d45941c89b132cdd4065d687", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "543bf653ff604a2c87f9867e9a04b5ae": { "action_id": "543bf653ff604a2c87f9867e9a04b5ae", "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 }, "breadcrumb_nav": { "type": "Breadcrumb", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "title": "Dashboard", "onClick": "navigateToDashboard" }, { "title": "Configuration", "onClick": "navigateToConfiguration" }, { "title": "Pallet Configurations" } ] }, "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 }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_title": { "type": "Typography.Title", "label": "Pallet Configurations", "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_button": { "type": "Button", "label": "Create Configuration", "description": null, "bind": null, "onClick": "openCreateModal", "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 }, "toolbar_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "12px", "marginBottom": "16px", "flexWrap": "wrap" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "search_input": { "type": "Input.Search", "label": "Search configurations", "description": null, "bind": "state.searchText", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by name...", "allowClear": true }, "dynamic_props": {}, "styles": { "width": "300px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "tabs_container": { "type": "Tabs", "label": null, "description": null, "bind": "state.activeTab", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "key": "configurations", "label": "Configurations" }, { "key": "history", "label": "Change History" } ] }, "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 }, "configs_table": { "type": "Table", "label": null, "description": null, "bind": "state.filteredConfigs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Config ID", "dataIndex": "id", "key": "id", "width": 120 }, { "title": "Cases Per Pallet", "dataIndex": "cases_per_pallet", "key": "cases_per_pallet" }, { "title": "Notes", "dataIndex": "notes", "key": "notes", "ellipsis": true }, { "title": "Version", "dataIndex": "version", "key": "version", "width": 80 }, { "title": "Created At", "dataIndex": "created_at", "key": "created_at" }, { "title": "Updated At", "dataIndex": "updated_at", "key": "updated_at" }, { "title": "Actions", "key": "actions", "width": 180 } ], "rowKey": "id", "loading": "state.loading", "pagination": { "pageSize": 10, "showSizeChanger": 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_action_button": { "type": "Button", "label": "Edit", "description": null, "bind": null, "onClick": "openEditModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "icon": "EditOutlined" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "delete_action_button": { "type": "Button", "label": "Delete", "description": null, "bind": null, "onClick": "deleteConfig", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "danger": true, "icon": "DeleteOutlined" }, "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 }, "history_table": { "type": "Table", "label": null, "description": null, "bind": "state.palletConfigHistory", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "History ID", "dataIndex": "id", "key": "id", "width": 120 }, { "title": "Config ID", "dataIndex": "pallet_config_id", "key": "pallet_config_id" }, { "title": "Change Type", "dataIndex": "change_type", "key": "change_type", "width": 120 }, { "title": "Change Description", "dataIndex": "change_description", "key": "change_description", "ellipsis": true }, { "title": "Changed By", "dataIndex": "changed_by", "key": "changed_by", "width": 100 }, { "title": "Change Date", "dataIndex": "change_date", "key": "change_date" } ], "rowKey": "id", "loading": "state.historyLoading", "pagination": { "pageSize": 10, "showSizeChanger": 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_config_modal": { "type": "Modal", "label": "Create Pallet Configuration", "description": null, "bind": "state.createModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create Pallet Configuration", "okText": "Create", "cancelText": "Cancel", "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 }, "create_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 }, "form_field_name": { "type": "Form.Item", "label": "Name", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "name", "rules": [ { "required": true, "message": "Please enter configuration 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 }, "form_input_name": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter configuration 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 }, "form_field_cases_per_pallet": { "type": "Form.Item", "label": "Cases Per Pallet", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "cases_per_pallet", "rules": [ { "required": true, "message": "Please enter cases per pallet" } ] }, "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 }, "form_input_cases_per_pallet": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter cases per pallet", "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 }, "form_dimensions_row": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_field_length": { "type": "Form.Item", "label": "Length", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "length", "rules": [ { "required": true, "message": "Required" } ] }, "dynamic_props": {}, "styles": { "flex": 1 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_input_length": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "L", "min": 0, "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 }, "form_field_width": { "type": "Form.Item", "label": "Width", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "width", "rules": [ { "required": true, "message": "Required" } ] }, "dynamic_props": {}, "styles": { "flex": 1 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_input_width": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "W", "min": 0, "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 }, "form_field_height": { "type": "Form.Item", "label": "Height", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "height", "rules": [ { "required": true, "message": "Required" } ] }, "dynamic_props": {}, "styles": { "flex": 1 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_input_height": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "H", "min": 0, "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 }, "form_field_max_weight": { "type": "Form.Item", "label": "Max Weight (kg)", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "max_weight", "rules": [ { "required": true, "message": "Please enter max weight" } ] }, "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 }, "form_input_max_weight": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter max weight", "min": 0, "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 }, "form_field_material_type": { "type": "Form.Item", "label": "Material Type", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "material_type", "rules": [ { "required": true, "message": "Please select material type" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_input_material_type": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select material type", "options": [ { "label": "Wood", "value": "wood" }, { "label": "Plastic", "value": "plastic" }, { "label": "Metal", "value": "metal" }, { "label": "Composite", "value": "composite" } ] }, "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 }, "form_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 }, "form_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 }, "form_field_notes": { "type": "Form.Item", "label": "Notes", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "notes" }, "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 }, "form_input_notes": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter notes", "rows": 2 }, "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_config_modal": { "type": "Modal", "label": "Edit Pallet Configuration", "description": null, "bind": "state.editModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Edit Pallet Configuration", "okText": "Save", "cancelText": "Cancel", "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 }, "edit_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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "breadcrumb_nav", "page_header", "toolbar_section", "tabs_container", "configs_table", "history_table", "create_config_modal", "edit_config_modal" ], "page_header": [ "page_title", "create_button" ], "toolbar_section": [ "search_input" ], "create_config_modal": [ "create_form" ], "create_form": [ "form_field_name", "form_field_cases_per_pallet", "form_dimensions_row", "form_field_max_weight", "form_field_material_type", "form_field_description", "form_field_notes" ], "form_field_name": [ "form_input_name" ], "form_field_cases_per_pallet": [ "form_input_cases_per_pallet" ], "form_dimensions_row": [ "form_field_length", "form_field_width", "form_field_height" ], "form_field_length": [ "form_input_length" ], "form_field_width": [ "form_input_width" ], "form_field_height": [ "form_input_height" ], "form_field_max_weight": [ "form_input_max_weight" ], "form_field_material_type": [ "form_input_material_type" ], "form_field_description": [ "form_input_description" ], "form_field_notes": [ "form_input_notes" ], "edit_config_modal": [ "edit_form" ], "edit_form": [ "form_field_name", "form_field_cases_per_pallet", "form_dimensions_row", "form_field_max_weight", "form_field_material_type", "form_field_description", "form_field_notes" ] }, "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 }, "toolbar_section": { "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 }, "create_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 }, "form_dimensions_row": { "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 }, "edit_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 } }, "layout_zones": [ { "zone_id": "main_content", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container" }, { "zone_id": "create_modal_zone", "component": "create_config_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create configuration modal overlay" }, { "zone_id": "edit_modal_zone", "component": "edit_config_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit configuration 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 }