{
  "page_ir": {
    "page_id": "user_preferences",
    "page_goal": "Manage user preferences with CRUD operations, search by user or key, filter by category, and view detailed preference information",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "neutral"
    },
    "accessibility": {
      "required_labels": [
        "preference_key",
        "preference_value",
        "user_id"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 1024
      },
      "collapse_rules": [
        "table_scrolls_horizontally_on_small"
      ],
      "hidden_on_small": [
        "notes_column"
      ],
      "stack_on_small": []
    },
    "constraints": [],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "preferences": {
        "type": "array",
        "initial": [],
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "users": {
        "type": "array",
        "initial": [],
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "loading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "addModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "editModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "detailModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "selectedPreference": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "preferenceDetail": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "searchText": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "filterCategory": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "pagination": {
        "type": "object",
        "initial": {
          "current": 1,
          "pageSize": 20,
          "total": 0
        },
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "filteredPreferences": {
        "type": "array",
        "expr": "state.preferences.filter(p => (!state.searchText || (p.preference_key && p.preference_key.toLowerCase().includes(state.searchText.toLowerCase())) || (p.user_id && String(p.user_id).includes(state.searchText))) && (!state.filterCategory || (p.notes && p.notes === state.filterCategory)))",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "520d68e0a97a489aafbc7e4a9c4d60b5": {
        "endpoint_id": "520d68e0a97a489aafbc7e4a9c4d60b5",
        "module": "User Management",
        "endpoint": "/user-management/user-preferences",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 20,
          "offset": 0
        },
        "body": null,
        "fields": [
          "id",
          "submenu_id",
          "user_id",
          "preference_key",
          "preference_value",
          "notes",
          "metadata",
          "version",
          "created_at",
          "updated_at"
        ],
        "response_target": "preferences",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "0bc47214d3a74127831e7bf5241e2521": {
        "endpoint_id": "0bc47214d3a74127831e7bf5241e2521",
        "module": "User Management",
        "endpoint": "/user-management/users",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 100,
          "offset": 0
        },
        "body": null,
        "fields": [
          "id",
          "username",
          "email"
        ],
        "response_target": "users",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "85b5107878c545499734f8bece1dee5e": {
        "endpoint_id": "85b5107878c545499734f8bece1dee5e",
        "module": "User Management",
        "endpoint": "/user-management/user-preferences/{preference_id}/details",
        "method": "GET",
        "path_params": {
          "preference_id": "$state.selectedPreference.id"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "submenu_id",
          "user_id",
          "preference_key",
          "preference_value",
          "notes",
          "metadata",
          "version",
          "created_at",
          "updated_at",
          "user"
        ],
        "response_target": "preferenceDetail",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "d4070ca849264f199bd62f6a66badd4c": {
        "endpoint_id": "d4070ca849264f199bd62f6a66badd4c",
        "module": "User Management",
        "endpoint": "/user-management/user-preferences",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "submenu_id",
          "user_id",
          "preference_key",
          "preference_value",
          "notes",
          "metadata"
        ],
        "response_target": "createPreference_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "772c99dea84347fca64288c78600e934": {
        "endpoint_id": "772c99dea84347fca64288c78600e934",
        "module": "User Management",
        "endpoint": "/user-management/user-preferences/{preference_id}",
        "method": "PUT",
        "path_params": {
          "preference_id": "$state.selectedPreference.id"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "submenu_id",
          "user_id",
          "preference_key",
          "preference_value",
          "notes",
          "metadata"
        ],
        "response_target": "updatePreference_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "e890120f76a1404b88971a3501451dc7": {
        "endpoint_id": "e890120f76a1404b88971a3501451dc7",
        "module": "User Management",
        "endpoint": "/user-management/user-preferences/{preference_id}",
        "method": "DELETE",
        "path_params": {
          "preference_id": "$state.selectedPreference.id"
        },
        "query_params": {},
        "body": null,
        "fields": [],
        "response_target": "e890120f76a1404b88971a3501451dc7_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "user_preferences": {
        "name": "UserPreferences",
        "backend_module": "User Management",
        "fields": [
          "id",
          "submenu_id",
          "user_id",
          "preference_key",
          "preference_value",
          "notes",
          "metadata",
          "version",
          "deleted_at",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "id",
          "user_id",
          "preference_key",
          "preference_value",
          "notes"
        ],
        "search_fields": [],
        "filters": [
          "user_id",
          "notes"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "users": {
        "name": "Users",
        "backend_module": "User Management",
        "fields": [
          "id",
          "submenu_id",
          "username",
          "email",
          "notes",
          "metadata",
          "version",
          "deleted_at",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "id",
          "username",
          "email"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onSearchChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.searchText",
            "expr": "event.target.value"
          }
        ],
        "description": ""
      },
      "onFilterCategoryChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterCategory",
            "expr": "value"
          }
        ],
        "description": ""
      },
      "openAddModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.addModalVisible",
            "expr": "true"
          }
        ],
        "description": ""
      },
      "closeAddModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.addModalVisible",
            "expr": "false"
          }
        ],
        "description": ""
      },
      "openEditModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.editModalVisible",
            "expr": "true"
          },
          {
            "target": "state.selectedPreference",
            "expr": "record"
          }
        ],
        "description": ""
      },
      "closeEditModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.editModalVisible",
            "expr": "false"
          },
          {
            "target": "state.selectedPreference",
            "expr": "null"
          }
        ],
        "description": ""
      },
      "openDetailModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.detailModalVisible",
            "expr": "true"
          },
          {
            "target": "state.selectedPreference",
            "expr": "record"
          }
        ],
        "description": ""
      },
      "closeDetailModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.detailModalVisible",
            "expr": "false"
          },
          {
            "target": "state.preferenceDetail",
            "expr": "null"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "c77d6325fc7d4bc7b7f94a68b7d417a8": {
        "action_id": "c77d6325fc7d4bc7b7f94a68b7d417a8",
        "trigger": "form_submit",
        "target_component_id": "add_preference_modal",
        "operation": "create",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"user_id\", \"message\": \"User is required\", \"rule_id\": \"val_user\", \"type\": \"required\"}",
            "message": "{\"field\": \"user_id\", \"message\": \"User is required\", \"rule_id\": \"val_user\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"preference_key\", \"message\": \"Preference key is required\", \"rule_id\": \"val_key\", \"type\": \"required\"}",
            "message": "{\"field\": \"preference_key\", \"message\": \"Preference key is required\", \"rule_id\": \"val_key\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"preference_value\", \"message\": \"Preference value is required\", \"rule_id\": \"val_value\", \"type\": \"required\"}",
            "message": "{\"field\": \"preference_value\", \"message\": \"Preference value is required\", \"rule_id\": \"val_value\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.addModalVisible",
            "expr": "false"
          }
        ],
        "api_endpoint": "d4070ca849264f199bd62f6a66badd4c",
        "api_body": "{ submenu_id: 1, user_id: formValues.user_id, preference_key: formValues.preference_key, preference_value: formValues.preference_value, notes: formValues.category }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Preference created successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchPreferences"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "caf56ef9e1aa4efc8099887b10db5d10": {
        "action_id": "caf56ef9e1aa4efc8099887b10db5d10",
        "trigger": "form_submit",
        "target_component_id": "edit_preference_modal",
        "operation": "update",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"user_id\", \"message\": \"User is required\", \"rule_id\": \"val_edit_user\", \"type\": \"required\"}",
            "message": "{\"field\": \"user_id\", \"message\": \"User is required\", \"rule_id\": \"val_edit_user\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"preference_key\", \"message\": \"Preference key is required\", \"rule_id\": \"val_edit_key\", \"type\": \"required\"}",
            "message": "{\"field\": \"preference_key\", \"message\": \"Preference key is required\", \"rule_id\": \"val_edit_key\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"preference_value\", \"message\": \"Preference value is required\", \"rule_id\": \"val_edit_value\", \"type\": \"required\"}",
            "message": "{\"field\": \"preference_value\", \"message\": \"Preference value is required\", \"rule_id\": \"val_edit_value\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.editModalVisible",
            "expr": "false"
          },
          {
            "target": "state.selectedPreference",
            "expr": "null"
          }
        ],
        "api_endpoint": "772c99dea84347fca64288c78600e934",
        "api_body": "{ submenu_id: 1, user_id: formValues.user_id, preference_key: formValues.preference_key, preference_value: formValues.preference_value, notes: formValues.category }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Preference updated successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchPreferences"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "e890120f76a1404b88971a3501451dc7": {
        "action_id": "e890120f76a1404b88971a3501451dc7",
        "trigger": "button_click",
        "target_component_id": "preferences_table",
        "operation": "delete",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": "e890120f76a1404b88971a3501451dc7",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Preference deleted successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchPreferences"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "8facefc162b5486482503f3009a45e75": {
        "action_id": "8facefc162b5486482503f3009a45e75",
        "trigger": "button_click",
        "target_component_id": "preferences_table",
        "operation": "read",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.detailModalVisible",
            "expr": "true"
          }
        ],
        "api_endpoint": "85b5107878c545499734f8bece1dee5e",
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "55c781711b4f4792ac2ef535715da206": {
        "action_id": "55c781711b4f4792ac2ef535715da206",
        "trigger": "button_click",
        "target_component_id": "back_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/user-management"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "c77d6325fc7d4bc7b7f94a68b7d417a8": {
        "action_id": "c77d6325fc7d4bc7b7f94a68b7d417a8",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Preference created successfully",
        "error_message": "Failed to create preference",
        "ui_updates": []
      },
      "caf56ef9e1aa4efc8099887b10db5d10": {
        "action_id": "caf56ef9e1aa4efc8099887b10db5d10",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Preference updated successfully",
        "error_message": "Failed to update preference",
        "ui_updates": []
      },
      "e890120f76a1404b88971a3501451dc7": {
        "action_id": "e890120f76a1404b88971a3501451dc7",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Preference deleted successfully",
        "error_message": "Failed to delete preference",
        "ui_updates": []
      },
      "8facefc162b5486482503f3009a45e75": {
        "action_id": "8facefc162b5486482503f3009a45e75",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": null,
        "error_message": "Failed to load preference details",
        "ui_updates": []
      },
      "55c781711b4f4792ac2ef535715da206": {
        "action_id": "55c781711b4f4792ac2ef535715da206",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      }
    }
  },
  "component_ir": {
    "library": "antd",
    "theme": {
      "primaryColor": "#1677ff",
      "secondaryColor": "#000000",
      "successColor": null,
      "warningColor": null,
      "errorColor": null,
      "fontFamily": "sans-serif",
      "fontSize": null,
      "borderRadius": 6
    },
    "components": {
      "main_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "minHeight": "100vh",
          "width": "100%",
          "padding": "24px",
          "background": "#f5f5f5"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_header": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "alignItems": "center",
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "header_left": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "alignItems": "center",
          "gap": "12px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "back_button": {
        "type": "Button",
        "label": "Back",
        "description": null,
        "bind": null,
        "onClick": "navigateToUserManagement",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "icon": "ArrowLeftOutlined",
          "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
      },
      "page_title": {
        "type": "Typography.Title",
        "label": "User Preferences",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 3
        },
        "dynamic_props": {},
        "styles": {
          "margin": 0
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_preference_button": {
        "type": "Button",
        "label": "Add Preference",
        "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
      },
      "filters_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",
          "marginBottom": "16px",
          "flexWrap": "wrap"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "search_input": {
        "type": "Input.Search",
        "label": null,
        "description": null,
        "bind": "state.searchText",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Search by user or key...",
          "allowClear": true
        },
        "dynamic_props": {},
        "styles": {
          "width": "300px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "category_filter": {
        "type": "Select",
        "label": null,
        "description": null,
        "bind": "state.filterCategory",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Filter by category",
          "allowClear": true,
          "options": [
            {
              "label": "Display",
              "value": "display"
            },
            {
              "label": "Notification",
              "value": "notification"
            },
            {
              "label": "System",
              "value": "system"
            },
            {
              "label": "Theme",
              "value": "theme"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "width": "200px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "preferences_table": {
        "type": "Table",
        "label": null,
        "description": null,
        "bind": "derived.filteredPreferences",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "rowKey": "id",
          "loading": "state.loading",
          "columns": [
            {
              "title": "Preference ID",
              "dataIndex": "id",
              "key": "id",
              "width": 120
            },
            {
              "title": "User",
              "dataIndex": "user_id",
              "key": "user_id",
              "width": 120
            },
            {
              "title": "Key",
              "dataIndex": "preference_key",
              "key": "preference_key",
              "width": 180
            },
            {
              "title": "Value",
              "dataIndex": "preference_value",
              "key": "preference_value",
              "width": 200
            },
            {
              "title": "Category",
              "dataIndex": "notes",
              "key": "notes",
              "width": 130
            },
            {
              "title": "Actions",
              "key": "actions",
              "width": 200,
              "render": "actions"
            }
          ],
          "pagination": {
            "pageSize": 20,
            "showSizeChanger": true,
            "showTotal": 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
      },
      "add_preference_modal": {
        "type": "Modal",
        "label": "Add Preference",
        "description": null,
        "bind": "state.addModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Add Preference",
          "okText": "Create",
          "cancelText": "Cancel",
          "destroyOnClose": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "add_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
      },
      "add_form_user": {
        "type": "Form.Item",
        "label": "User",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "user_id",
          "rules": [
            {
              "required": true,
              "message": "Please select a user"
            }
          ]
        },
        "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_form_user_select": {
        "type": "Select",
        "label": null,
        "description": null,
        "bind": "state.users",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Select user",
          "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
      },
      "add_form_key": {
        "type": "Form.Item",
        "label": "Preference Key",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "preference_key",
          "rules": [
            {
              "required": true,
              "message": "Please enter preference key"
            }
          ]
        },
        "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_form_key_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter preference key"
        },
        "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_form_value": {
        "type": "Form.Item",
        "label": "Value",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "preference_value",
          "rules": [
            {
              "required": true,
              "message": "Please enter preference value"
            }
          ]
        },
        "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_form_value_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter preference value"
        },
        "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_form_category": {
        "type": "Form.Item",
        "label": "Category",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "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
      },
      "add_form_category_select": {
        "type": "Select",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Select category",
          "allowClear": true,
          "options": [
            {
              "label": "Display",
              "value": "display"
            },
            {
              "label": "Notification",
              "value": "notification"
            },
            {
              "label": "System",
              "value": "system"
            },
            {
              "label": "Theme",
              "value": "theme"
            }
          ]
        },
        "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_preference_modal": {
        "type": "Modal",
        "label": "Edit Preference",
        "description": null,
        "bind": "state.editModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Edit Preference",
          "okText": "Save",
          "cancelText": "Cancel",
          "destroyOnClose": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "edit_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
      },
      "edit_form_user": {
        "type": "Form.Item",
        "label": "User",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "user_id",
          "rules": [
            {
              "required": true,
              "message": "Please select a user"
            }
          ]
        },
        "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_user_select": {
        "type": "Select",
        "label": null,
        "description": null,
        "bind": "state.users",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Select user",
          "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
      },
      "edit_form_key": {
        "type": "Form.Item",
        "label": "Preference Key",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "preference_key",
          "rules": [
            {
              "required": true,
              "message": "Please enter preference key"
            }
          ]
        },
        "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_key_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter preference key"
        },
        "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_value": {
        "type": "Form.Item",
        "label": "Value",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "preference_value",
          "rules": [
            {
              "required": true,
              "message": "Please enter preference value"
            }
          ]
        },
        "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_value_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter preference value"
        },
        "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": {
        "type": "Form.Item",
        "label": "Category",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "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
      },
      "edit_form_category_select": {
        "type": "Select",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Select category",
          "allowClear": true,
          "options": [
            {
              "label": "Display",
              "value": "display"
            },
            {
              "label": "Notification",
              "value": "notification"
            },
            {
              "label": "System",
              "value": "system"
            },
            {
              "label": "Theme",
              "value": "theme"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "detail_modal": {
        "type": "Modal",
        "label": "Preference Details",
        "description": null,
        "bind": "state.detailModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Preference Details",
          "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
      },
      "detail_descriptions": {
        "type": "Descriptions",
        "label": null,
        "description": null,
        "bind": "state.preferenceDetail",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "column": 1,
          "items": [
            {
              "label": "Preference ID",
              "field": "id"
            },
            {
              "label": "User",
              "field": "user"
            },
            {
              "label": "Preference Key",
              "field": "preference_key"
            },
            {
              "label": "Preference Value",
              "field": "preference_value"
            },
            {
              "label": "Category",
              "field": "notes"
            },
            {
              "label": "Created At",
              "field": "created_at"
            },
            {
              "label": "Updated At",
              "field": "updated_at"
            },
            {
              "label": "Version",
              "field": "version"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      }
    }
  },
  "layout_ir": {
    "root": "main_container",
    "children": {
      "main_container": [
        "page_header",
        "filters_row",
        "preferences_table",
        "add_preference_modal",
        "edit_preference_modal",
        "detail_modal"
      ],
      "page_header": [
        "header_left",
        "add_preference_button"
      ],
      "header_left": [
        "back_button",
        "page_title"
      ],
      "filters_row": [
        "search_input",
        "category_filter"
      ],
      "add_preference_modal": [
        "add_form"
      ],
      "add_form": [
        "add_form_user",
        "add_form_key",
        "add_form_value",
        "add_form_category"
      ],
      "add_form_user": [
        "add_form_user_select"
      ],
      "add_form_key": [
        "add_form_key_input"
      ],
      "add_form_value": [
        "add_form_value_input"
      ],
      "add_form_category": [
        "add_form_category_select"
      ],
      "edit_preference_modal": [
        "edit_form"
      ],
      "edit_form": [
        "edit_form_user",
        "edit_form_key",
        "edit_form_value",
        "edit_form_category"
      ],
      "edit_form_user": [
        "edit_form_user_select"
      ],
      "edit_form_key": [
        "edit_form_key_input"
      ],
      "edit_form_value": [
        "edit_form_value_input"
      ],
      "edit_form_category": [
        "edit_form_category_select"
      ],
      "detail_modal": [
        "detail_descriptions"
      ]
    },
    "layout": {
      "main_container": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "page_header": {
        "type": "horizontal",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "header_left": {
        "type": "horizontal",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "filters_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
      },
      "add_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": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      }
    },
    "layout_zones": [
      {
        "zone_id": "main_zone",
        "component": "main_container",
        "anchor": "top-left",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Main page container"
      },
      {
        "zone_id": "add_modal_zone",
        "component": "add_preference_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Add preference modal overlay"
      },
      {
        "zone_id": "edit_modal_zone",
        "component": "edit_preference_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Edit preference modal overlay"
      },
      {
        "zone_id": "detail_modal_zone",
        "component": "detail_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Detail view 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
}