{
  "page_ir": {
    "page_id": "truck_detail",
    "page_goal": "Display detailed information about a specific truck including purpose, driver info, timestamps, and history records. Allow editing via drawer and archiving.",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "neutral with blue accents"
    },
    "accessibility": {
      "required_labels": [
        "truck_number",
        "driver_name",
        "container_number",
        "asn"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 1024
      },
      "collapse_rules": [
        "stack_detail_cards_on_small"
      ],
      "hidden_on_small": [],
      "stack_on_small": []
    },
    "constraints": [
      "truckId route param required"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "truckDetail": {
        "type": "object",
        "initial": null,
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "truckHistory": {
        "type": "array",
        "initial": [],
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "loading": {
        "type": "boolean",
        "initial": true,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "editDrawerVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "archiving": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "purposeLabel": {
        "type": "string",
        "expr": "state.truckDetail?.purpose?.label || 'N/A'",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "63f7142b2f5b4b5fa8c4416b4c833083": {
        "endpoint_id": "63f7142b2f5b4b5fa8c4416b4c833083",
        "module": "Operations",
        "endpoint": "/trucks/{truck_id}/details",
        "method": "GET",
        "path_params": {
          "truck_id": "$route.truckId"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "submenu_id",
          "asn",
          "container_number",
          "truck_number",
          "driver_name",
          "purpose_id",
          "notes",
          "metadata",
          "version",
          "created_at",
          "updated_at",
          "purpose"
        ],
        "response_target": "truckDetail",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "25b89c36583e46858982e8517e53662b": {
        "endpoint_id": "25b89c36583e46858982e8517e53662b",
        "module": "Operations",
        "endpoint": "/trucks/history",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "truck_id": "$route.truckId",
          "limit": 50
        },
        "body": null,
        "fields": [
          "id",
          "submenu_id",
          "truck_id",
          "change_date",
          "change_description",
          "changed_by",
          "change_type",
          "created_at",
          "updated_at"
        ],
        "response_target": "truckHistory",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "a949eeefca3341eea8b9370a3eed30bc": {
        "endpoint_id": "a949eeefca3341eea8b9370a3eed30bc",
        "module": "Operations",
        "endpoint": "/trucks/{truck_id}",
        "method": "PUT",
        "path_params": {
          "truck_id": "$route.truckId"
        },
        "query_params": {},
        "body": {},
        "fields": [
          "id",
          "submenu_id",
          "asn",
          "container_number",
          "truck_number",
          "driver_name",
          "purpose_id",
          "notes",
          "metadata",
          "version",
          "created_at",
          "updated_at"
        ],
        "response_target": "truckDetail",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "6b0fcb40851a4467b21f1256d99e30ce": {
        "endpoint_id": "6b0fcb40851a4467b21f1256d99e30ce",
        "module": "Operations",
        "endpoint": "/trucks/{truck_id}/archive",
        "method": "POST",
        "path_params": {
          "truck_id": "$route.truckId"
        },
        "query_params": {
          "changed_by": "$appContext.currentUser.id"
        },
        "body": null,
        "fields": [
          "id",
          "submenu_id",
          "asn",
          "container_number",
          "truck_number",
          "driver_name",
          "purpose_id",
          "notes",
          "metadata",
          "version",
          "created_at",
          "updated_at"
        ],
        "response_target": "truckDetail",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "truck": {
        "name": "Truck",
        "backend_module": "Operations",
        "fields": [
          "id",
          "submenu_id",
          "asn",
          "container_number",
          "truck_number",
          "driver_name",
          "purpose_id",
          "notes",
          "metadata",
          "version",
          "deleted_at",
          "created_at",
          "updated_at",
          "purpose"
        ],
        "computed": [],
        "display_fields": [
          "truck_number",
          "driver_name",
          "container_number",
          "asn",
          "notes",
          "created_at",
          "updated_at"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "truckHistory": {
        "name": "TruckHistory",
        "backend_module": "Operations",
        "fields": [
          "id",
          "submenu_id",
          "truck_id",
          "change_date",
          "change_description",
          "changed_by",
          "change_type",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "change_date",
          "change_type",
          "changed_by",
          "change_description"
        ],
        "search_fields": [],
        "filters": [
          "truck_id"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "openEditDrawer": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.editDrawerVisible",
            "expr": "true"
          }
        ],
        "description": ""
      },
      "closeEditDrawer": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.editDrawerVisible",
            "expr": "false"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "d3651c9fa17046b39b9533b61b80e45f": {
        "action_id": "d3651c9fa17046b39b9533b61b80e45f",
        "trigger": "button_click",
        "target_component_id": "back_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/trucks"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "142cc3550e1545438aa9809c053ceabe": {
        "action_id": "142cc3550e1545438aa9809c053ceabe",
        "trigger": "form_submit",
        "target_component_id": "edit_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\": \"truck_number\", \"message\": \"Truck number is required\", \"rule_id\": \"val_truck_number\", \"type\": \"required\"}",
            "message": "{\"field\": \"truck_number\", \"message\": \"Truck number is required\", \"rule_id\": \"val_truck_number\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"driver_name\", \"message\": \"Driver name is required\", \"rule_id\": \"val_driver_name\", \"type\": \"required\"}",
            "message": "{\"field\": \"driver_name\", \"message\": \"Driver name is required\", \"rule_id\": \"val_driver_name\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.editDrawerVisible",
            "expr": "false"
          }
        ],
        "api_endpoint": "a949eeefca3341eea8b9370a3eed30bc",
        "api_body": "{ asn: $formValues.asn, container_number: $formValues.container_number, truck_number: $formValues.truck_number, driver_name: $formValues.driver_name, purpose_id: $formValues.purpose_id, notes: $formValues.notes, metadata: $formValues.metadata }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Truck updated successfully",
              "type": "success"
            }
          },
          {
            "type": "drawer_close",
            "config": {
              "drawer_id": "edit_drawer"
            }
          },
          {
            "type": "refresh",
            "config": {
              "endpoint_id": "fetchTruckDetails"
            }
          },
          {
            "type": "refresh",
            "config": {
              "endpoint_id": "fetchTruckHistory"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "6b0fcb40851a4467b21f1256d99e30ce": {
        "action_id": "6b0fcb40851a4467b21f1256d99e30ce",
        "trigger": "button_click",
        "target_component_id": "archive_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.archiving",
            "expr": "true"
          }
        ],
        "api_endpoint": "6b0fcb40851a4467b21f1256d99e30ce",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Truck archived successfully",
              "type": "success"
            }
          },
          {
            "type": "navigate",
            "config": {
              "path": "/trucks"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "142cc3550e1545438aa9809c053ceabe": {
        "action_id": "142cc3550e1545438aa9809c053ceabe",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Truck updated successfully",
        "error_message": "Failed to update truck",
        "ui_updates": []
      },
      "6b0fcb40851a4467b21f1256d99e30ce": {
        "action_id": "6b0fcb40851a4467b21f1256d99e30ce",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Truck archived successfully",
        "error_message": "Failed to archive truck",
        "ui_updates": []
      },
      "d3651c9fa17046b39b9533b61b80e45f": {
        "action_id": "d3651c9fa17046b39b9533b61b80e45f",
        "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": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "minHeight": "100vh",
          "width": "100%",
          "padding": "24px",
          "background": "#f5f5f5"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_header": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "alignItems": "center",
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "header_left": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "alignItems": "center",
          "gap": "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
      },
      "back_button": {
        "type": "Button",
        "label": "Back",
        "description": null,
        "bind": null,
        "onClick": "navigateBack",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "icon": "ArrowLeftOutlined",
          "type": "default"
        },
        "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": "Truck Details",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 3
        },
        "dynamic_props": {},
        "styles": {
          "margin": 0
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "header_actions": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_button": {
        "type": "Button",
        "label": "Edit",
        "description": null,
        "bind": null,
        "onClick": "openEditDrawer",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "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
      },
      "archive_button": {
        "type": "Button",
        "label": "Archive",
        "description": null,
        "bind": null,
        "onClick": "archiveTruck",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "default",
          "danger": true,
          "icon": "InboxOutlined",
          "loading": "$state.archiving"
        },
        "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
      },
      "detail_section": {
        "type": "Card",
        "label": "Truck Information",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Truck Information",
          "loading": "$state.loading"
        },
        "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
      },
      "detail_descriptions": {
        "type": "Descriptions",
        "label": null,
        "description": null,
        "bind": "state.truckDetail",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "column": {
            "xs": 1,
            "sm": 2,
            "lg": 3
          },
          "items": [
            {
              "label": "Truck Number",
              "field": "truck_number"
            },
            {
              "label": "Driver Name",
              "field": "driver_name"
            },
            {
              "label": "Container Number",
              "field": "container_number"
            },
            {
              "label": "ASN",
              "field": "asn"
            },
            {
              "label": "Purpose",
              "field": "purpose.label",
              "fallback": "N/A"
            },
            {
              "label": "Purpose ID",
              "field": "purpose_id"
            },
            {
              "label": "Notes",
              "field": "notes"
            },
            {
              "label": "Created At",
              "field": "created_at",
              "format": "datetime"
            },
            {
              "label": "Updated At",
              "field": "updated_at",
              "format": "datetime"
            },
            {
              "label": "Version",
              "field": "version"
            }
          ]
        },
        "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_section": {
        "type": "Card",
        "label": "Truck History",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Truck History"
        },
        "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
      },
      "history_table": {
        "type": "Table",
        "label": null,
        "description": null,
        "bind": "state.truckHistory",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "columns": [
            {
              "title": "Date",
              "dataIndex": "change_date",
              "key": "change_date",
              "render": "datetime"
            },
            {
              "title": "Action",
              "dataIndex": "change_type",
              "key": "change_type"
            },
            {
              "title": "User",
              "dataIndex": "changed_by",
              "key": "changed_by"
            },
            {
              "title": "Notes",
              "dataIndex": "change_description",
              "key": "change_description"
            }
          ],
          "rowKey": "id",
          "pagination": {
            "pageSize": 10
          },
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_drawer": {
        "type": "Drawer",
        "label": "Edit Truck",
        "description": null,
        "bind": "state.editDrawerVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Edit Truck",
          "width": 480,
          "onClose": "closeEditDrawer",
          "open": "$state.editDrawerVisible"
        },
        "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": "state.truckDetail",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical",
          "onFinish": "submitEdit"
        },
        "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_truck_number": {
        "type": "Form.Item",
        "label": "Truck Number",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "truck_number",
          "rules": [
            {
              "required": true,
              "message": "Truck number 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
      },
      "input_truck_number": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter truck 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
      },
      "form_driver_name": {
        "type": "Form.Item",
        "label": "Driver Name",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "driver_name",
          "rules": [
            {
              "required": true,
              "message": "Driver name is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "input_driver_name": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter driver 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_container_number": {
        "type": "Form.Item",
        "label": "Container Number",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "container_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
      },
      "input_container_number": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter container 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
      },
      "form_asn": {
        "type": "Form.Item",
        "label": "ASN",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "asn"
        },
        "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
      },
      "input_asn": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter ASN"
        },
        "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_purpose_id": {
        "type": "Form.Item",
        "label": "Purpose ID",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "purpose_id"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "input_purpose_id": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter purpose ID",
          "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_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
      },
      "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": 4
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "form_submit_button": {
        "type": "Button",
        "label": "Save Changes",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "htmlType": "submit",
          "block": 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
      }
    }
  },
  "layout_ir": {
    "root": "main_container",
    "children": {
      "main_container": [
        "page_header",
        "detail_section",
        "history_section",
        "edit_drawer"
      ],
      "page_header": [
        "header_left",
        "header_actions"
      ],
      "header_left": [
        "back_button",
        "page_title"
      ],
      "header_actions": [
        "edit_button",
        "archive_button"
      ],
      "detail_section": [
        "detail_descriptions"
      ],
      "history_section": [
        "history_table"
      ],
      "edit_drawer": [
        "edit_form"
      ],
      "edit_form": [
        "form_truck_number",
        "form_driver_name",
        "form_container_number",
        "form_asn",
        "form_purpose_id",
        "form_notes",
        "form_submit_button"
      ],
      "form_truck_number": [
        "input_truck_number"
      ],
      "form_driver_name": [
        "input_driver_name"
      ],
      "form_container_number": [
        "input_container_number"
      ],
      "form_asn": [
        "input_asn"
      ],
      "form_purpose_id": [
        "input_purpose_id"
      ],
      "form_notes": [
        "input_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": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "header_left": {
        "type": "horizontal",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "header_actions": {
        "type": "horizontal",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "detail_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
      },
      "history_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
      },
      "edit_drawer": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "edit_form": {
        "type": "vertical",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "form_truck_number": {
        "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_driver_name": {
        "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_container_number": {
        "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_asn": {
        "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_purpose_id": {
        "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_notes": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      }
    },
    "layout_zones": [
      {
        "zone_id": "main_zone",
        "component": "main_container",
        "anchor": "top-left",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Main page container"
      },
      {
        "zone_id": "drawer_zone",
        "component": "edit_drawer",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Edit drawer overlay"
      }
    ],
    "responsive_overrides": []
  },
  "navigation_ir": {
    "tabs": [],
    "modals": {},
    "drawers": {},
    "routes": [],
    "breadcrumb": null,
    "default_tab": null
  },
  "realtime_ir": {
    "timers": {},
    "polling": {}
  },
  "metadata": {
    "ir_version": "3.5",
    "generated_at": "",
    "source_prompt": null,
    "schema_session_id": null,
    "warnings": []
  },
  "page_data_contract": null,
  "schema_ir": null
}