{
  "page_ir": {
    "page_id": "admin_categories",
    "page_goal": "Admin page for managing BMI categories with CRUD operations, displaying categories in a table with edit/create modals and confirmation dialogs",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "neutral with category color swatches"
    },
    "accessibility": {
      "required_labels": [
        "Category Name",
        "Min BMI",
        "Max BMI",
        "Color Code",
        "Health Risk",
        "Description",
        "Recommendations"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 992,
        "xl": 1200
      },
      "collapse_rules": [
        "table scrolls horizontally on small screens"
      ],
      "hidden_on_small": [
        "description_column"
      ],
      "stack_on_small": []
    },
    "constraints": [
      "Admin role required",
      "BMI ranges must not overlap",
      "Confirmation required before saving"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "categories": {
        "type": "array",
        "initial": [],
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "loading": {
        "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
      },
      "confirmModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "selectedCategory": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "pendingAction": {
        "type": "string",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "pendingPayload": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "categoryCount": {
        "type": "number",
        "expr": "state.categories.length",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "0c545d5aa8e84632b52d1aea69a14ea4": {
        "endpoint_id": "0c545d5aa8e84632b52d1aea69a14ea4",
        "module": "BMI Calculation",
        "endpoint": "/bmi/categories",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 50,
          "offset": 0
        },
        "body": null,
        "fields": [
          "id",
          "category_id",
          "category_name",
          "min_bmi",
          "max_bmi",
          "description",
          "color_code",
          "health_risk",
          "recommendations",
          "created_at",
          "updated_at"
        ],
        "response_target": "categories",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "056f2776629b4bb58506e3538b9cebd7": {
        "endpoint_id": "056f2776629b4bb58506e3538b9cebd7",
        "module": "BMI Calculation",
        "endpoint": "/bmi/categories",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "category_id",
          "category_name",
          "min_bmi",
          "max_bmi",
          "description",
          "color_code",
          "health_risk",
          "recommendations",
          "created_at",
          "updated_at"
        ],
        "response_target": "createCategory_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "1918cb43c17c441e88a088a037703c35": {
        "endpoint_id": "1918cb43c17c441e88a088a037703c35",
        "module": "BMI Calculation",
        "endpoint": "/bmi/categories/{category_id}",
        "method": "PUT",
        "path_params": {
          "category_id": "$state.selectedCategory.category_id"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "category_id",
          "category_name",
          "min_bmi",
          "max_bmi",
          "description",
          "color_code",
          "health_risk",
          "recommendations",
          "created_at",
          "updated_at"
        ],
        "response_target": "updateCategory_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "5d91d583507c48e3865df692be85fb0d": {
        "endpoint_id": "5d91d583507c48e3865df692be85fb0d",
        "module": "BMI Calculation",
        "endpoint": "/bmi/categories/{category_id}",
        "method": "DELETE",
        "path_params": {
          "category_id": "$state.selectedCategory.category_id"
        },
        "query_params": {},
        "body": null,
        "fields": [],
        "response_target": "5d91d583507c48e3865df692be85fb0d_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "bmiCategory": {
        "name": "BMI Category",
        "backend_module": "BMI Calculation",
        "fields": [
          "id",
          "category_id",
          "category_name",
          "min_bmi",
          "max_bmi",
          "description",
          "color_code",
          "health_risk",
          "recommendations",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "category_name",
          "min_bmi",
          "max_bmi",
          "color_code",
          "health_risk",
          "description"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "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.selectedCategory",
            "expr": "event.record"
          }
        ],
        "description": ""
      },
      "closeEditModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.editModalVisible",
            "expr": "false"
          },
          {
            "target": "state.selectedCategory",
            "expr": "null"
          }
        ],
        "description": ""
      },
      "openConfirmModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.confirmModalVisible",
            "expr": "true"
          }
        ],
        "description": ""
      },
      "closeConfirmModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.confirmModalVisible",
            "expr": "false"
          },
          {
            "target": "state.pendingAction",
            "expr": "null"
          },
          {
            "target": "state.pendingPayload",
            "expr": "null"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "074a81d78eb44421b968bf3b0c6292b6": {
        "action_id": "074a81d78eb44421b968bf3b0c6292b6",
        "trigger": "button_click",
        "target_component_id": "categories_table",
        "operation": "read",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.loading",
            "expr": "true"
          }
        ],
        "api_endpoint": "0c545d5aa8e84632b52d1aea69a14ea4",
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "87f777524c8b4c99bfd97f3f60cb66c3": {
        "action_id": "87f777524c8b4c99bfd97f3f60cb66c3",
        "trigger": "form_submit",
        "target_component_id": "create_category_form",
        "operation": "create",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"category_name\", \"message\": \"Category name is required\", \"rule_id\": \"val_category_name\", \"type\": \"required\"}",
            "message": "{\"field\": \"category_name\", \"message\": \"Category name is required\", \"rule_id\": \"val_category_name\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"min_bmi\", \"message\": \"Minimum BMI is required\", \"rule_id\": \"val_min_bmi\", \"type\": \"required\"}",
            "message": "{\"field\": \"min_bmi\", \"message\": \"Minimum BMI is required\", \"rule_id\": \"val_min_bmi\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"min_bmi\", \"message\": \"Minimum BMI must be at least 0\", \"rule_id\": \"val_min_bmi_min\", \"type\": \"min\", \"value\": 0}",
            "message": "{\"field\": \"min_bmi\", \"message\": \"Minimum BMI must be at least 0\", \"rule_id\": \"val_min_bmi_min\", \"type\": \"min\", \"value\": 0}"
          },
          {
            "rule_id": "val_3",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"max_bmi\", \"message\": \"Maximum BMI must be greater than 0\", \"rule_id\": \"val_max_bmi_min\", \"type\": \"min\", \"value\": 0}",
            "message": "{\"field\": \"max_bmi\", \"message\": \"Maximum BMI must be greater than 0\", \"rule_id\": \"val_max_bmi_min\", \"type\": \"min\", \"value\": 0}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.pendingAction",
            "expr": "'create'"
          },
          {
            "target": "state.confirmModalVisible",
            "expr": "true"
          }
        ],
        "api_endpoint": "056f2776629b4bb58506e3538b9cebd7",
        "api_body": "{ category_name: formValues.category_name, min_bmi: formValues.min_bmi, max_bmi: formValues.max_bmi, description: formValues.description, color_code: formValues.color_code, health_risk: formValues.health_risk, recommendations: formValues.recommendations }",
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "b9c1be3a9d7a43ef85554f2739c4d27f": {
        "action_id": "b9c1be3a9d7a43ef85554f2739c4d27f",
        "trigger": "button_click",
        "target_component_id": "confirm_save_button",
        "operation": "create",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.confirmModalVisible",
            "expr": "false"
          },
          {
            "target": "state.createModalVisible",
            "expr": "false"
          }
        ],
        "api_endpoint": "056f2776629b4bb58506e3538b9cebd7",
        "api_body": "state.pendingPayload",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Category created successfully!",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {}
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "424f7d770fb941aea1349c4c0a0d9bd0": {
        "action_id": "424f7d770fb941aea1349c4c0a0d9bd0",
        "trigger": "form_submit",
        "target_component_id": "edit_category_form",
        "operation": "update",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"category_name\", \"message\": \"Category name is required\", \"rule_id\": \"val_edit_category_name\", \"type\": \"required\"}",
            "message": "{\"field\": \"category_name\", \"message\": \"Category name is required\", \"rule_id\": \"val_edit_category_name\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"min_bmi\", \"message\": \"Minimum BMI is required\", \"rule_id\": \"val_edit_min_bmi\", \"type\": \"required\"}",
            "message": "{\"field\": \"min_bmi\", \"message\": \"Minimum BMI is required\", \"rule_id\": \"val_edit_min_bmi\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"min_bmi\", \"message\": \"Minimum BMI must be at least 0\", \"rule_id\": \"val_edit_min_bmi_min\", \"type\": \"min\", \"value\": 0}",
            "message": "{\"field\": \"min_bmi\", \"message\": \"Minimum BMI must be at least 0\", \"rule_id\": \"val_edit_min_bmi_min\", \"type\": \"min\", \"value\": 0}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.pendingAction",
            "expr": "'update'"
          },
          {
            "target": "state.confirmModalVisible",
            "expr": "true"
          }
        ],
        "api_endpoint": "1918cb43c17c441e88a088a037703c35",
        "api_body": "{ category_name: formValues.category_name, min_bmi: formValues.min_bmi, max_bmi: formValues.max_bmi, description: formValues.description, color_code: formValues.color_code, health_risk: formValues.health_risk, recommendations: formValues.recommendations }",
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "50cafd9af21a4bbe89164189435291f0": {
        "action_id": "50cafd9af21a4bbe89164189435291f0",
        "trigger": "button_click",
        "target_component_id": "confirm_save_button",
        "operation": "update",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.confirmModalVisible",
            "expr": "false"
          },
          {
            "target": "state.editModalVisible",
            "expr": "false"
          },
          {
            "target": "state.selectedCategory",
            "expr": "null"
          }
        ],
        "api_endpoint": "1918cb43c17c441e88a088a037703c35",
        "api_body": "state.pendingPayload",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Category updated successfully!",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {}
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "5d91d583507c48e3865df692be85fb0d": {
        "action_id": "5d91d583507c48e3865df692be85fb0d",
        "trigger": "button_click",
        "target_component_id": "delete_button",
        "operation": "delete",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.pendingAction",
            "expr": "'delete'"
          },
          {
            "target": "state.confirmModalVisible",
            "expr": "true"
          }
        ],
        "api_endpoint": "5d91d583507c48e3865df692be85fb0d",
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "51352185f3124935bd16ae2f04ffa6b8": {
        "action_id": "51352185f3124935bd16ae2f04ffa6b8",
        "trigger": "button_click",
        "target_component_id": "confirm_save_button",
        "operation": "delete",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.confirmModalVisible",
            "expr": "false"
          },
          {
            "target": "state.selectedCategory",
            "expr": "null"
          }
        ],
        "api_endpoint": "5d91d583507c48e3865df692be85fb0d",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Category deleted successfully!",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {}
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "564ed3e0766c4dfa954092249c6c9803": {
        "action_id": "564ed3e0766c4dfa954092249c6c9803",
        "trigger": "button_click",
        "target_component_id": "nav_dashboard_link",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "8840ec9d2ae0477992f93b9311046166": {
        "action_id": "8840ec9d2ae0477992f93b9311046166",
        "trigger": "button_click",
        "target_component_id": "nav_users_link",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin/users"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "372880698f4640c7bfe5c85ee9e84761": {
        "action_id": "372880698f4640c7bfe5c85ee9e84761",
        "trigger": "button_click",
        "target_component_id": "nav_audit_logs_link",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin/audit-logs"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "074a81d78eb44421b968bf3b0c6292b6": {
        "action_id": "074a81d78eb44421b968bf3b0c6292b6",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": null,
        "error_message": "Failed to load BMI categories",
        "ui_updates": []
      },
      "87f777524c8b4c99bfd97f3f60cb66c3": {
        "action_id": "87f777524c8b4c99bfd97f3f60cb66c3",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": null,
        "error_message": "Validation failed. Please check your inputs.",
        "ui_updates": []
      },
      "b9c1be3a9d7a43ef85554f2739c4d27f": {
        "action_id": "b9c1be3a9d7a43ef85554f2739c4d27f",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Category created successfully!",
        "error_message": "Failed to create category. Please try again.",
        "ui_updates": []
      },
      "424f7d770fb941aea1349c4c0a0d9bd0": {
        "action_id": "424f7d770fb941aea1349c4c0a0d9bd0",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": null,
        "error_message": "Validation failed. Please check your inputs.",
        "ui_updates": []
      },
      "50cafd9af21a4bbe89164189435291f0": {
        "action_id": "50cafd9af21a4bbe89164189435291f0",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Category updated successfully!",
        "error_message": "Failed to update category. Please try again.",
        "ui_updates": []
      },
      "5d91d583507c48e3865df692be85fb0d": {
        "action_id": "5d91d583507c48e3865df692be85fb0d",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "51352185f3124935bd16ae2f04ffa6b8": {
        "action_id": "51352185f3124935bd16ae2f04ffa6b8",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Category deleted successfully!",
        "error_message": "Failed to delete category. Please try again.",
        "ui_updates": []
      },
      "564ed3e0766c4dfa954092249c6c9803": {
        "action_id": "564ed3e0766c4dfa954092249c6c9803",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "8840ec9d2ae0477992f93b9311046166": {
        "action_id": "8840ec9d2ae0477992f93b9311046166",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "372880698f4640c7bfe5c85ee9e84761": {
        "action_id": "372880698f4640c7bfe5c85ee9e84761",
        "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%",
          "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": {
          "padding": "24px 24px 0 24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "breadcrumb_nav": {
        "type": "Breadcrumb",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "items": [
            {
              "title": "Admin"
            },
            {
              "title": "BMI Categories"
            }
          ]
        },
        "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
      },
      "header_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",
          "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": "BMI Categories",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 2
        },
        "dynamic_props": {},
        "styles": {
          "margin": 0
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "header_actions": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_dashboard_link": {
        "type": "Button",
        "label": "Dashboard",
        "description": null,
        "bind": null,
        "onClick": "navigateToDashboard",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "text"
        },
        "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
      },
      "nav_users_link": {
        "type": "Button",
        "label": "Users",
        "description": null,
        "bind": null,
        "onClick": "navigateToUsers",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "text"
        },
        "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
      },
      "nav_audit_logs_link": {
        "type": "Button",
        "label": "Audit Logs",
        "description": null,
        "bind": null,
        "onClick": "navigateToAuditLogs",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "text"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_category_button": {
        "type": "Button",
        "label": "Add Category",
        "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
      },
      "content_area": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "margin": "0 24px 24px 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
      },
      "categories_table": {
        "type": "Table",
        "label": null,
        "description": null,
        "bind": "state.categories",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "rowKey": "category_id",
          "loading": "state.loading",
          "pagination": {
            "pageSize": 10
          },
          "columns": [
            {
              "title": "Category Name",
              "dataIndex": "category_name",
              "key": "category_name",
              "sorter": true
            },
            {
              "title": "Min BMI",
              "dataIndex": "min_bmi",
              "key": "min_bmi",
              "sorter": true
            },
            {
              "title": "Max BMI",
              "dataIndex": "max_bmi",
              "key": "max_bmi",
              "render": "value || '∞'"
            },
            {
              "title": "Color",
              "dataIndex": "color_code",
              "key": "color_code",
              "render": "color_swatch"
            },
            {
              "title": "Health Risk",
              "dataIndex": "health_risk",
              "key": "health_risk"
            },
            {
              "title": "Description",
              "dataIndex": "description",
              "key": "description",
              "ellipsis": true
            },
            {
              "title": "Actions",
              "key": "actions",
              "render": "action_buttons"
            }
          ]
        },
        "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": "openEditModal",
        "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
      },
      "delete_button": {
        "type": "Button",
        "label": "Delete",
        "description": null,
        "bind": null,
        "onClick": "deleteCategory",
        "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_modal": {
        "type": "Modal",
        "label": "Add BMI Category",
        "description": null,
        "bind": "state.createModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Add BMI Category",
          "open": "state.createModalVisible",
          "onCancel": "closeCreateModal",
          "footer": null,
          "width": 600
        },
        "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_category_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "create_form_category_name": {
        "type": "Form.Item",
        "label": "Category Name",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "category_name",
          "rules": [
            {
              "required": true,
              "message": "Please enter category name"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "create_input_category_name": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "e.g. Normal 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
      },
      "create_form_bmi_range_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": "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
      },
      "create_form_min_bmi": {
        "type": "Form.Item",
        "label": "Min BMI",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "min_bmi",
          "rules": [
            {
              "required": true,
              "message": "Please enter minimum BMI"
            }
          ]
        },
        "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
      },
      "create_input_min_bmi": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "min": 0,
          "max": 100,
          "step": 0.1,
          "placeholder": "e.g. 18.5",
          "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_form_max_bmi": {
        "type": "Form.Item",
        "label": "Max BMI",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "max_bmi"
        },
        "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
      },
      "create_input_max_bmi": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "min": 0,
          "max": 100,
          "step": 0.1,
          "placeholder": "e.g. 24.9 (leave empty for no upper limit)",
          "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_form_color_code": {
        "type": "Form.Item",
        "label": "Color Code",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "color_code"
        },
        "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_input_color_code": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "#4CAF50"
        },
        "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_health_risk": {
        "type": "Form.Item",
        "label": "Health Risk",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "health_risk"
        },
        "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_input_health_risk": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "e.g. Low risk"
        },
        "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_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_input_description": {
        "type": "Input.TextArea",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "rows": 3,
          "placeholder": "Category 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_form_recommendations": {
        "type": "Form.Item",
        "label": "Recommendations",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "recommendations"
        },
        "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_input_recommendations": {
        "type": "Input.TextArea",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "rows": 3,
          "placeholder": "Health recommendations for this category"
        },
        "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_submit_button": {
        "type": "Button",
        "label": "Create Category",
        "description": null,
        "bind": null,
        "onClick": "submitCreateCategory",
        "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
      },
      "edit_modal": {
        "type": "Modal",
        "label": "Edit BMI Category",
        "description": null,
        "bind": "state.editModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Edit BMI Category",
          "open": "state.editModalVisible",
          "onCancel": "closeEditModal",
          "footer": null,
          "width": 600
        },
        "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_category_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": "state.selectedCategory",
        "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_form_category_name": {
        "type": "Form.Item",
        "label": "Category Name",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "category_name",
          "rules": [
            {
              "required": true,
              "message": "Please enter category name"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_input_category_name": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "e.g. Normal 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
      },
      "edit_form_bmi_range_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": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_form_min_bmi": {
        "type": "Form.Item",
        "label": "Min BMI",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "min_bmi",
          "rules": [
            {
              "required": true,
              "message": "Please enter minimum BMI"
            }
          ]
        },
        "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
      },
      "edit_input_min_bmi": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "min": 0,
          "max": 100,
          "step": 0.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_form_max_bmi": {
        "type": "Form.Item",
        "label": "Max BMI",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "max_bmi"
        },
        "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
      },
      "edit_input_max_bmi": {
        "type": "InputNumber",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "min": 0,
          "max": 100,
          "step": 0.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_form_color_code": {
        "type": "Form.Item",
        "label": "Color Code",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "color_code"
        },
        "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_input_color_code": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "#4CAF50"
        },
        "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_health_risk": {
        "type": "Form.Item",
        "label": "Health Risk",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "health_risk"
        },
        "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_input_health_risk": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "e.g. Low risk"
        },
        "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_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_input_description": {
        "type": "Input.TextArea",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "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_form_recommendations": {
        "type": "Form.Item",
        "label": "Recommendations",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "recommendations"
        },
        "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_input_recommendations": {
        "type": "Input.TextArea",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "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_form_submit_button": {
        "type": "Button",
        "label": "Update Category",
        "description": null,
        "bind": null,
        "onClick": "submitEditCategory",
        "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
      },
      "confirm_modal": {
        "type": "Modal",
        "label": "Confirm Changes",
        "description": null,
        "bind": "state.confirmModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Confirm Changes",
          "open": "state.confirmModalVisible",
          "onCancel": "closeConfirmModal",
          "width": 420
        },
        "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
      },
      "confirm_modal_content": {
        "type": "Typography.Text",
        "label": "Are you sure you want to save these changes? Please verify that BMI ranges do not overlap with existing categories.",
        "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
      },
      "confirm_save_button": {
        "type": "Button",
        "label": "Confirm",
        "description": null,
        "bind": null,
        "onClick": "confirmAndCreate",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary"
        },
        "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
      },
      "confirm_cancel_button": {
        "type": "Button",
        "label": "Cancel",
        "description": null,
        "bind": null,
        "onClick": "closeConfirmModal",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginRight": "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
      }
    }
  },
  "layout_ir": {
    "root": "main_container",
    "children": {
      "main_container": [
        "page_header",
        "content_area",
        "create_modal",
        "edit_modal",
        "confirm_modal"
      ],
      "page_header": [
        "breadcrumb_nav",
        "header_row"
      ],
      "header_row": [
        "page_title",
        "header_actions"
      ],
      "header_actions": [
        "nav_dashboard_link",
        "nav_users_link",
        "nav_audit_logs_link",
        "add_category_button"
      ],
      "content_area": [
        "categories_table"
      ],
      "create_modal": [
        "create_category_form"
      ],
      "create_category_form": [
        "create_form_category_name",
        "create_form_bmi_range_row",
        "create_form_color_code",
        "create_form_health_risk",
        "create_form_description",
        "create_form_recommendations",
        "create_form_submit_button"
      ],
      "create_form_category_name": [
        "create_input_category_name"
      ],
      "create_form_bmi_range_row": [
        "create_form_min_bmi",
        "create_form_max_bmi"
      ],
      "create_form_min_bmi": [
        "create_input_min_bmi"
      ],
      "create_form_max_bmi": [
        "create_input_max_bmi"
      ],
      "create_form_color_code": [
        "create_input_color_code"
      ],
      "create_form_health_risk": [
        "create_input_health_risk"
      ],
      "create_form_description": [
        "create_input_description"
      ],
      "create_form_recommendations": [
        "create_input_recommendations"
      ],
      "edit_modal": [
        "edit_category_form"
      ],
      "edit_category_form": [
        "edit_form_category_name",
        "edit_form_bmi_range_row",
        "edit_form_color_code",
        "edit_form_health_risk",
        "edit_form_description",
        "edit_form_recommendations",
        "edit_form_submit_button"
      ],
      "edit_form_category_name": [
        "edit_input_category_name"
      ],
      "edit_form_bmi_range_row": [
        "edit_form_min_bmi",
        "edit_form_max_bmi"
      ],
      "edit_form_min_bmi": [
        "edit_input_min_bmi"
      ],
      "edit_form_max_bmi": [
        "edit_input_max_bmi"
      ],
      "edit_form_color_code": [
        "edit_input_color_code"
      ],
      "edit_form_health_risk": [
        "edit_input_health_risk"
      ],
      "edit_form_description": [
        "edit_input_description"
      ],
      "edit_form_recommendations": [
        "edit_input_recommendations"
      ],
      "confirm_modal": [
        "confirm_modal_content",
        "confirm_cancel_button",
        "confirm_save_button"
      ]
    },
    "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": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "header_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "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
      },
      "content_area": {
        "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_category_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_form_bmi_range_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "edit_category_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_form_bmi_range_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "confirm_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": "Root page container"
      },
      {
        "zone_id": "create_modal_zone",
        "component": "create_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Create category modal overlay"
      },
      {
        "zone_id": "edit_modal_zone",
        "component": "edit_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Edit category modal overlay"
      },
      {
        "zone_id": "confirm_modal_zone",
        "component": "confirm_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Confirmation modal overlay"
      }
    ],
    "responsive_overrides": []
  },
  "navigation_ir": {
    "tabs": [],
    "modals": {},
    "drawers": {},
    "routes": [],
    "breadcrumb": null,
    "default_tab": null
  },
  "realtime_ir": {
    "timers": {},
    "polling": {}
  },
  "metadata": {
    "ir_version": "3.5",
    "generated_at": "",
    "source_prompt": null,
    "schema_session_id": null,
    "warnings": []
  },
  "page_data_contract": null,
  "schema_ir": null
}