{
  "page_ir": {
    "page_id": "category_management",
    "page_goal": "Allow librarians to manage book categories in a hierarchical tree structure with CRUD operations including parent-child relationships",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "neutral with primary accents"
    },
    "accessibility": {
      "required_labels": [
        "Category name",
        "Description",
        "Parent category",
        "Add Category button",
        "Edit button",
        "Delete button"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 1024,
        "xl": 1200
      },
      "collapse_rules": [
        "tree collapses to list on small screens"
      ],
      "hidden_on_small": [],
      "stack_on_small": []
    },
    "constraints": [
      "Categories with books cannot be deleted",
      "Only librarians and administrators can access this page"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "categories": {
        "type": "array",
        "initial": [],
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "isModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "editingCategory": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "loading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "searchText": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "treeData": {
        "type": "array",
        "expr": "buildTreeFromCategories(state.categories)",
        "deps": []
      },
      "filteredCategories": {
        "type": "array",
        "expr": "state.categories.filter(c => c.name.toLowerCase().includes(state.searchText.toLowerCase()))",
        "deps": []
      },
      "parentCategoryOptions": {
        "type": "array",
        "expr": "state.categories.filter(c => c.id !== state.editingCategory?.id).map(c => ({ label: c.name, value: c.id }))",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "e3034019d7b14180ae8acad99f45061a": {
        "endpoint_id": "e3034019d7b14180ae8acad99f45061a",
        "module": "Catalog",
        "endpoint": "/catalog/categories",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 100,
          "offset": 0,
          "search": "$state.searchText"
        },
        "body": null,
        "fields": [
          "id",
          "name",
          "description",
          "parent_category_id",
          "created_at",
          "updated_at"
        ],
        "response_target": "categories",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "5ea612fe294749499b29621ac42fa65b": {
        "endpoint_id": "5ea612fe294749499b29621ac42fa65b",
        "module": "Catalog",
        "endpoint": "/catalog/categories",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": {},
        "fields": [
          "id",
          "name",
          "description",
          "parent_category_id",
          "created_at",
          "updated_at"
        ],
        "response_target": "categories",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "bbeeb182d4cc4119bad23358f387e548": {
        "endpoint_id": "bbeeb182d4cc4119bad23358f387e548",
        "module": "Catalog",
        "endpoint": "/catalog/categories/{category_id}",
        "method": "PUT",
        "path_params": {
          "category_id": "$state.editingCategory.id"
        },
        "query_params": {},
        "body": {},
        "fields": [
          "id",
          "name",
          "description",
          "parent_category_id",
          "created_at",
          "updated_at"
        ],
        "response_target": "categories",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "3a9e93a852564ee7ae764b60dc1608be": {
        "endpoint_id": "3a9e93a852564ee7ae764b60dc1608be",
        "module": "Catalog",
        "endpoint": "/catalog/categories/{category_id}",
        "method": "DELETE",
        "path_params": {
          "category_id": "$state.selectedCategoryId"
        },
        "query_params": {},
        "body": null,
        "fields": [],
        "response_target": "categories",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "category": {
        "name": "Category",
        "backend_module": "Catalog",
        "fields": [
          "id",
          "name",
          "description",
          "parent_category_id",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "name",
          "description",
          "parent_category_id"
        ],
        "search_fields": [
          "name"
        ],
        "filters": [
          "search"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "openAddModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.isModalVisible",
            "expr": "true"
          },
          {
            "target": "state.editingCategory",
            "expr": "null"
          }
        ],
        "description": ""
      },
      "openEditModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.isModalVisible",
            "expr": "true"
          },
          {
            "target": "state.editingCategory",
            "expr": "selectedRecord"
          }
        ],
        "description": ""
      },
      "closeModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.isModalVisible",
            "expr": "false"
          },
          {
            "target": "state.editingCategory",
            "expr": "null"
          }
        ],
        "description": ""
      },
      "onSearchChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.searchText",
            "expr": "event.target.value"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "1136a4dba86145429d3973c8c7a70605": {
        "action_id": "1136a4dba86145429d3973c8c7a70605",
        "trigger": "form_submit",
        "target_component_id": "category_form",
        "operation": "create",
        "description": "",
        "payload": {
          "name": "$form.name",
          "description": "$form.description",
          "parent_category_id": "$form.parent_category_id"
        },
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"name\", \"message\": \"Category name is required\", \"rule_id\": \"val_name\", \"type\": \"required\"}",
            "message": "{\"field\": \"name\", \"message\": \"Category name is required\", \"rule_id\": \"val_name\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.isModalVisible",
            "expr": "false"
          },
          {
            "target": "state.editingCategory",
            "expr": "null"
          }
        ],
        "api_endpoint": "5ea612fe294749499b29621ac42fa65b",
        "api_body": "{ name: formValues.name, description: formValues.description || null, parent_category_id: formValues.parent_category_id || null }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Category created successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchCategories"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "bbeeb182d4cc4119bad23358f387e548": {
        "action_id": "bbeeb182d4cc4119bad23358f387e548",
        "trigger": "form_submit",
        "target_component_id": "category_form",
        "operation": "update",
        "description": "",
        "payload": {
          "name": "$form.name",
          "description": "$form.description",
          "parent_category_id": "$form.parent_category_id"
        },
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"name\", \"message\": \"Category name is required\", \"rule_id\": \"val_name_edit\", \"type\": \"required\"}",
            "message": "{\"field\": \"name\", \"message\": \"Category name is required\", \"rule_id\": \"val_name_edit\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.isModalVisible",
            "expr": "false"
          },
          {
            "target": "state.editingCategory",
            "expr": "null"
          }
        ],
        "api_endpoint": "bbeeb182d4cc4119bad23358f387e548",
        "api_body": "{ name: formValues.name || null, description: formValues.description || null, parent_category_id: formValues.parent_category_id || null }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Category updated successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchCategories"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "3a9e93a852564ee7ae764b60dc1608be": {
        "action_id": "3a9e93a852564ee7ae764b60dc1608be",
        "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": [],
        "api_endpoint": "3a9e93a852564ee7ae764b60dc1608be",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Category deleted successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchCategories"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "f35f7d1fac0e4a7cbee4db7ee36db09a": {
        "action_id": "f35f7d1fac0e4a7cbee4db7ee36db09a",
        "trigger": "button_click",
        "target_component_id": "breadcrumb_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": "/staff/dashboard"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "8f11ebc7d00d4cd9b600fa2b351a4da8": {
        "action_id": "8f11ebc7d00d4cd9b600fa2b351a4da8",
        "trigger": "button_click",
        "target_component_id": "breadcrumb_books_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": "/staff/books"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "1136a4dba86145429d3973c8c7a70605": {
        "action_id": "1136a4dba86145429d3973c8c7a70605",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Category created successfully",
        "error_message": "Failed to create category",
        "ui_updates": []
      },
      "bbeeb182d4cc4119bad23358f387e548": {
        "action_id": "bbeeb182d4cc4119bad23358f387e548",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Category updated successfully",
        "error_message": "Failed to update category",
        "ui_updates": []
      },
      "3a9e93a852564ee7ae764b60dc1608be": {
        "action_id": "3a9e93a852564ee7ae764b60dc1608be",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Category deleted successfully",
        "error_message": "Cannot delete category that has books assigned",
        "ui_updates": []
      },
      "f35f7d1fac0e4a7cbee4db7ee36db09a": {
        "action_id": "f35f7d1fac0e4a7cbee4db7ee36db09a",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "8f11ebc7d00d4cd9b600fa2b351a4da8": {
        "action_id": "8f11ebc7d00d4cd9b600fa2b351a4da8",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      }
    }
  },
  "component_ir": {
    "library": "antd",
    "theme": {
      "primaryColor": "#1677ff",
      "secondaryColor": "#000000",
      "successColor": null,
      "warningColor": null,
      "errorColor": null,
      "fontFamily": "sans-serif",
      "fontSize": null,
      "borderRadius": 6
    },
    "components": {
      "main_container": {
        "type": "Layout",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "minHeight": "100vh",
          "width": "100%",
          "padding": "24px",
          "background": "#f5f5f5"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_header_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "breadcrumb_nav": {
        "type": "Breadcrumb",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "items": [
            {
              "title": "Dashboard",
              "href": "/staff/dashboard"
            },
            {
              "title": "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
      },
      "breadcrumb_dashboard_link": {
        "type": "Button",
        "label": "Dashboard",
        "description": null,
        "bind": null,
        "onClick": "navigateToDashboard",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link",
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {
          "display": "none"
        },
        "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_books_link": {
        "type": "Button",
        "label": "Books",
        "description": null,
        "bind": null,
        "onClick": "navigateToBooks",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link",
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {
          "display": "none"
        },
        "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_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"
        },
        "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": "Category Management",
        "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
      },
      "add_category_button": {
        "type": "Button",
        "label": "Add Category",
        "description": null,
        "bind": null,
        "onClick": "openAddModal",
        "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_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "borderRadius": "6px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "search_bar": {
        "type": "Input.Search",
        "label": "Search categories",
        "description": null,
        "bind": "state.searchText",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Search categories by name...",
          "allowClear": true
        },
        "dynamic_props": {},
        "styles": {
          "maxWidth": "400px",
          "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
      },
      "category_table": {
        "type": "Table",
        "label": null,
        "description": null,
        "bind": "state.categories",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "rowKey": "id",
          "pagination": {
            "pageSize": 20
          },
          "columns": [
            {
              "title": "Name",
              "dataIndex": "name",
              "key": "name",
              "sorter": true
            },
            {
              "title": "Description",
              "dataIndex": "description",
              "key": "description",
              "ellipsis": true
            },
            {
              "title": "Parent Category",
              "dataIndex": "parent_category_id",
              "key": "parent_category_id",
              "render": "parentCategoryName"
            },
            {
              "title": "Created",
              "dataIndex": "created_at",
              "key": "created_at",
              "render": "dateFormat"
            },
            {
              "title": "Actions",
              "key": "actions",
              "render": "actionButtons"
            }
          ]
        },
        "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",
          "icon": "EditOutlined",
          "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,
          "icon": "DeleteOutlined",
          "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
      },
      "category_modal": {
        "type": "Modal",
        "label": null,
        "description": null,
        "bind": "state.isModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "state.editingCategory ? 'Edit Category' : 'Add Category'",
          "open": "state.isModalVisible",
          "onCancel": "closeModal",
          "destroyOnClose": true,
          "footer": null
        },
        "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
      },
      "category_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": "state.editingCategory",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical",
          "initialValues": "state.editingCategory"
        },
        "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_name_field": {
        "type": "Form.Item",
        "label": "Category Name",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "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
      },
      "name_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "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
      },
      "form_description_field": {
        "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
      },
      "description_input": {
        "type": "Input.TextArea",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter category description",
          "rows": 3
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "form_parent_field": {
        "type": "Form.Item",
        "label": "Parent Category",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "parent_category_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
      },
      "parent_select": {
        "type": "Select",
        "label": null,
        "description": null,
        "bind": "derived.parentCategoryOptions",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Select parent category (optional)",
          "allowClear": true,
          "showSearch": true,
          "optionFilterProp": "label"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "form_submit_button": {
        "type": "Button",
        "label": "Save",
        "description": null,
        "bind": null,
        "onClick": "submitCategory",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "htmlType": "submit",
          "block": true
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "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
      },
      "empty_state": {
        "type": "Empty",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "description": "No categories found. Click 'Add Category' to create one."
        },
        "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_section",
        "content_card"
      ],
      "page_header_section": [
        "breadcrumb_nav",
        "breadcrumb_dashboard_link",
        "breadcrumb_books_link",
        "page_title_row"
      ],
      "page_title_row": [
        "page_title",
        "add_category_button"
      ],
      "content_card": [
        "search_bar",
        "category_table",
        "category_modal"
      ],
      "category_modal": [
        "category_form"
      ],
      "category_form": [
        "form_name_field",
        "form_description_field",
        "form_parent_field",
        "form_submit_button"
      ],
      "form_name_field": [
        "name_input"
      ],
      "form_description_field": [
        "description_input"
      ],
      "form_parent_field": [
        "parent_select"
      ]
    },
    "layout": {
      "main_container": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "page_header_section": {
        "type": "vertical",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "page_title_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
      },
      "content_card": {
        "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
      },
      "category_modal": {
        "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
      },
      "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
      },
      "form_name_field": {
        "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_description_field": {
        "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_parent_field": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      }
    },
    "layout_zones": [
      {
        "zone_id": "main_content",
        "component": "main_container",
        "anchor": "top-left",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Main page container"
      },
      {
        "zone_id": "modal_overlay",
        "component": "category_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Category add/edit modal"
      }
    ],
    "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
}