{
  "page_ir": {
    "page_id": "notifications_mgmt",
    "page_goal": "Staff notification management page for viewing, filtering, sending, and retrying notifications to library members",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "neutral with blue accents"
    },
    "accessibility": {
      "required_labels": [
        "notifications_table",
        "filter_type_select",
        "filter_status_select",
        "date_range_picker",
        "search_member_input",
        "send_notification_form"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 1024,
        "xl": 1200
      },
      "collapse_rules": [
        "filters_row collapses to vertical on sm"
      ],
      "hidden_on_small": [
        "sent_date_column"
      ],
      "stack_on_small": []
    },
    "constraints": [
      "Admin/Librarian role required"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "notifications": {
        "type": "array",
        "initial": [],
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "loading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "filterType": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "filterStatus": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "filterDateRange": {
        "type": "array",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "pagination": {
        "type": "object",
        "initial": {
          "current": 1,
          "pageSize": 20,
          "total": 0
        },
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "sendModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "sendingNotification": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "retryingId": {
        "type": "string",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "members": {
        "type": "array",
        "initial": [],
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "totalNotifications": {
        "type": "number",
        "expr": "state.pagination.total",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "ff3f203f4820496eabce53ab6b354f32": {
        "endpoint_id": "ff3f203f4820496eabce53ab6b354f32",
        "module": "Engagement",
        "endpoint": "/engagement/notifications",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": "$state.pagination.pageSize",
          "offset": "($state.pagination.current - 1) * $state.pagination.pageSize",
          "notification_type": "$state.filterType",
          "status": "$state.filterStatus"
        },
        "body": null,
        "fields": [
          "id",
          "member_id",
          "notification_type",
          "title",
          "message",
          "status",
          "sent_date",
          "read_date",
          "created_at",
          "updated_at"
        ],
        "response_target": "notifications",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "82594f5a27234f008fd38dbcaa57b649": {
        "endpoint_id": "82594f5a27234f008fd38dbcaa57b649",
        "module": "User Management",
        "endpoint": "/users/members",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 100,
          "offset": 0
        },
        "body": null,
        "fields": [
          "id",
          "user_id",
          "membership_number"
        ],
        "response_target": "members",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "c49bda0023d245fea2b7277e561041ad": {
        "endpoint_id": "c49bda0023d245fea2b7277e561041ad",
        "module": "Engagement",
        "endpoint": "/engagement/notifications",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "member_id",
          "notification_type",
          "title",
          "message",
          "status",
          "sent_date",
          "read_date"
        ],
        "response_target": "createNotification_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "4167746ef590493d8d335ecefa892201": {
        "endpoint_id": "4167746ef590493d8d335ecefa892201",
        "module": "Engagement",
        "endpoint": "/engagement/notifications/{notification_id}",
        "method": "PATCH",
        "path_params": {
          "notification_id": "$state.retryingId"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "member_id",
          "notification_type",
          "title",
          "message",
          "status",
          "sent_date",
          "read_date"
        ],
        "response_target": "updateNotification_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "d3f46cd156654e02864cdd023b4394db": {
        "endpoint_id": "d3f46cd156654e02864cdd023b4394db",
        "module": "Engagement",
        "endpoint": "/engagement/notifications/{notification_id}",
        "method": "DELETE",
        "path_params": {
          "notification_id": "$state.retryingId"
        },
        "query_params": {},
        "body": null,
        "fields": [],
        "response_target": "d3f46cd156654e02864cdd023b4394db_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "notification": {
        "name": "Notification",
        "backend_module": "Engagement",
        "fields": [
          "id",
          "member_id",
          "notification_type",
          "title",
          "message",
          "status",
          "sent_date",
          "read_date",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "id",
          "member_id",
          "notification_type",
          "title",
          "sent_date",
          "status",
          "read_date"
        ],
        "search_fields": [],
        "filters": [
          "notification_type",
          "status"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "member": {
        "name": "Member",
        "backend_module": "User Management",
        "fields": [
          "id",
          "user_id",
          "membership_number",
          "membership_date",
          "membership_expiry",
          "borrowing_limit",
          "account_standing",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "id",
          "membership_number"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onFilterTypeChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterType",
            "expr": "event.value"
          },
          {
            "target": "state.pagination.current",
            "expr": "1"
          }
        ],
        "description": ""
      },
      "onFilterStatusChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterStatus",
            "expr": "event.value"
          },
          {
            "target": "state.pagination.current",
            "expr": "1"
          }
        ],
        "description": ""
      },
      "onDateRangeChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterDateRange",
            "expr": "event.value"
          },
          {
            "target": "state.pagination.current",
            "expr": "1"
          }
        ],
        "description": ""
      },
      "onPageChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.pagination.current",
            "expr": "event.page"
          },
          {
            "target": "state.pagination.pageSize",
            "expr": "event.pageSize"
          }
        ],
        "description": ""
      },
      "openSendModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.sendModalVisible",
            "expr": "true"
          }
        ],
        "description": ""
      },
      "closeSendModal": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.sendModalVisible",
            "expr": "false"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "1d1567335722449abadffee57eec498b": {
        "action_id": "1d1567335722449abadffee57eec498b",
        "trigger": "form_submit",
        "target_component_id": "send_notification_form",
        "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\": \"title\", \"message\": \"Subject is required\", \"rule_id\": \"val_title\", \"type\": \"required\"}",
            "message": "{\"field\": \"title\", \"message\": \"Subject is required\", \"rule_id\": \"val_title\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"message\", \"message\": \"Message body is required\", \"rule_id\": \"val_message\", \"type\": \"required\"}",
            "message": "{\"field\": \"message\", \"message\": \"Message body is required\", \"rule_id\": \"val_message\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"member_id\", \"message\": \"Recipient is required\", \"rule_id\": \"val_member\", \"type\": \"required\"}",
            "message": "{\"field\": \"member_id\", \"message\": \"Recipient is required\", \"rule_id\": \"val_member\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.sendModalVisible",
            "expr": "false"
          },
          {
            "target": "state.sendingNotification",
            "expr": "false"
          }
        ],
        "api_endpoint": "c49bda0023d245fea2b7277e561041ad",
        "api_body": "{ member_id: formValues.member_id, notification_type: formValues.notification_type || 'GENERAL', title: formValues.title, message: formValues.message, status: 'UNREAD', sent_date: new Date().toISOString() }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Notification sent successfully!",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {}
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "a7d1317fd2d34cd189bd00086cd8ed08": {
        "action_id": "a7d1317fd2d34cd189bd00086cd8ed08",
        "trigger": "button_click",
        "target_component_id": "notifications_table",
        "operation": "update",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.retryingId",
            "expr": "null"
          }
        ],
        "api_endpoint": "4167746ef590493d8d335ecefa892201",
        "api_body": "{ status: 'UNREAD', sent_date: new Date().toISOString() }",
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Notification retry initiated",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {}
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "d3f46cd156654e02864cdd023b4394db": {
        "action_id": "d3f46cd156654e02864cdd023b4394db",
        "trigger": "button_click",
        "target_component_id": "notifications_table",
        "operation": "delete",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": "d3f46cd156654e02864cdd023b4394db",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Notification deleted",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {}
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "c2a1d01d80bf4f9da28ff6d7d60c9ddd": {
        "action_id": "c2a1d01d80bf4f9da28ff6d7d60c9ddd",
        "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": "/admin/dashboard"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "1d1567335722449abadffee57eec498b": {
        "action_id": "1d1567335722449abadffee57eec498b",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Notification sent successfully!",
        "error_message": "Failed to send notification. Please try again.",
        "ui_updates": []
      },
      "a7d1317fd2d34cd189bd00086cd8ed08": {
        "action_id": "a7d1317fd2d34cd189bd00086cd8ed08",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Notification retry initiated",
        "error_message": "Failed to retry notification",
        "ui_updates": []
      },
      "d3f46cd156654e02864cdd023b4394db": {
        "action_id": "d3f46cd156654e02864cdd023b4394db",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Notification deleted",
        "error_message": "Failed to delete notification",
        "ui_updates": []
      },
      "c2a1d01d80bf4f9da28ff6d7d60c9ddd": {
        "action_id": "c2a1d01d80bf4f9da28ff6d7d60c9ddd",
        "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": {
        "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": "navigateToDashboard",
        "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": "Notifications Management",
        "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
      },
      "send_button": {
        "type": "Button",
        "label": "Send Custom Notification",
        "description": null,
        "bind": null,
        "onClick": "openSendModal",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "icon": "SendOutlined"
        },
        "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": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small"
        },
        "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
      },
      "filters_content": {
        "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",
          "flexWrap": "wrap",
          "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
      },
      "filter_type_select": {
        "type": "Select",
        "label": "Type",
        "description": null,
        "bind": "state.filterType",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "All Types",
          "allowClear": true,
          "options": [
            {
              "label": "Due Date",
              "value": "DUE_DATE"
            },
            {
              "label": "Overdue",
              "value": "OVERDUE"
            },
            {
              "label": "Reservation Ready",
              "value": "RESERVATION_READY"
            },
            {
              "label": "Fine Assessed",
              "value": "FINE_ASSESSED"
            },
            {
              "label": "General",
              "value": "GENERAL"
            },
            {
              "label": "Announcement",
              "value": "ANNOUNCEMENT"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "width": "180px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_status_select": {
        "type": "Select",
        "label": "Status",
        "description": null,
        "bind": "state.filterStatus",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "All Statuses",
          "allowClear": true,
          "options": [
            {
              "label": "Unread",
              "value": "UNREAD"
            },
            {
              "label": "Read",
              "value": "READ"
            },
            {
              "label": "Archived",
              "value": "ARCHIVED"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "width": "160px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "date_range_picker": {
        "type": "DatePicker.RangePicker",
        "label": "Date Range",
        "description": null,
        "bind": "state.filterDateRange",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": [
            "Start Date",
            "End Date"
          ]
        },
        "dynamic_props": {},
        "styles": {
          "width": "280px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "table_card": {
        "type": "Card",
        "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
      },
      "notifications_table": {
        "type": "Table",
        "label": "Notifications Table",
        "description": null,
        "bind": "state.notifications",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "rowKey": "id",
          "loading": "state.loading",
          "pagination": {
            "current": "state.pagination.current",
            "pageSize": "state.pagination.pageSize",
            "total": "state.pagination.total",
            "showSizeChanger": true,
            "showTotal": true
          },
          "columns": [
            {
              "title": "ID",
              "dataIndex": "id",
              "key": "id",
              "width": 80,
              "ellipsis": true
            },
            {
              "title": "Recipient",
              "dataIndex": "member_id",
              "key": "member_id",
              "width": 140
            },
            {
              "title": "Type",
              "dataIndex": "notification_type",
              "key": "notification_type",
              "width": 150
            },
            {
              "title": "Subject",
              "dataIndex": "title",
              "key": "title",
              "width": 200,
              "ellipsis": true
            },
            {
              "title": "Sent Date",
              "dataIndex": "sent_date",
              "key": "sent_date",
              "width": 160
            },
            {
              "title": "Status",
              "dataIndex": "status",
              "key": "status",
              "width": 100
            },
            {
              "title": "Read Status",
              "dataIndex": "read_date",
              "key": "read_date",
              "width": 120
            },
            {
              "title": "Actions",
              "key": "actions",
              "width": 120,
              "fixed": "right"
            }
          ]
        },
        "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
      },
      "send_notification_modal": {
        "type": "Modal",
        "label": "Send Custom Notification",
        "description": null,
        "bind": "state.sendModalVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Send Custom Notification",
          "width": 600,
          "okText": "Send Now",
          "cancelText": "Cancel"
        },
        "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
      },
      "send_notification_form": {
        "type": "Form",
        "label": "Send Notification Form",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "vertical"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "form_member_select": {
        "type": "Form.Item",
        "label": "Recipient",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "member_id",
          "rules": [
            {
              "required": true,
              "message": "Please select a recipient"
            }
          ]
        },
        "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
      },
      "member_select_input": {
        "type": "Select",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Search and select member or 'All Members'",
          "showSearch": true,
          "filterOption": true,
          "optionFilterProp": "label"
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%"
        },
        "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_type_select": {
        "type": "Form.Item",
        "label": "Notification Type",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "notification_type",
          "initialValue": "GENERAL"
        },
        "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
      },
      "type_select_input": {
        "type": "Select",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "options": [
            {
              "label": "General",
              "value": "GENERAL"
            },
            {
              "label": "Announcement",
              "value": "ANNOUNCEMENT"
            },
            {
              "label": "Due Date",
              "value": "DUE_DATE"
            },
            {
              "label": "Overdue",
              "value": "OVERDUE"
            },
            {
              "label": "Reservation Ready",
              "value": "RESERVATION_READY"
            },
            {
              "label": "Fine Assessed",
              "value": "FINE_ASSESSED"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%"
        },
        "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_title_input": {
        "type": "Form.Item",
        "label": "Subject",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "title",
          "rules": [
            {
              "required": true,
              "message": "Subject is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "title_input": {
        "type": "Input",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter notification subject"
        },
        "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_message_input": {
        "type": "Form.Item",
        "label": "Message",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "message",
          "rules": [
            {
              "required": true,
              "message": "Message body is required"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "message_textarea": {
        "type": "Input.TextArea",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Enter notification message body",
          "rows": 5,
          "maxLength": 1000,
          "showCount": 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
      },
      "form_schedule_switch": {
        "type": "Form.Item",
        "label": "Schedule for later",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "schedule",
          "valuePropName": "checked"
        },
        "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
      },
      "schedule_switch": {
        "type": "Switch",
        "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
      },
      "form_schedule_date": {
        "type": "Form.Item",
        "label": "Scheduled Date",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "scheduled_date"
        },
        "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
      },
      "schedule_date_picker": {
        "type": "DatePicker",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "showTime": true,
          "placeholder": "Select date and time"
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%"
        },
        "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",
        "table_card",
        "send_notification_modal"
      ],
      "page_header": [
        "header_left",
        "send_button"
      ],
      "header_left": [
        "back_button",
        "page_title"
      ],
      "filters_row": [
        "filters_content"
      ],
      "filters_content": [
        "filter_type_select",
        "filter_status_select",
        "date_range_picker"
      ],
      "table_card": [
        "notifications_table"
      ],
      "send_notification_modal": [
        "send_notification_form"
      ],
      "send_notification_form": [
        "form_member_select",
        "form_type_select",
        "form_title_input",
        "form_message_input",
        "form_schedule_switch",
        "form_schedule_date"
      ],
      "form_member_select": [
        "member_select_input"
      ],
      "form_type_select": [
        "type_select_input"
      ],
      "form_title_input": [
        "title_input"
      ],
      "form_message_input": [
        "message_textarea"
      ],
      "form_schedule_switch": [
        "schedule_switch"
      ],
      "form_schedule_date": [
        "schedule_date_picker"
      ]
    },
    "layout": {
      "main_container": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "page_header": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "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": "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
      },
      "filters_content": {
        "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
      },
      "table_card": {
        "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
      },
      "send_notification_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
      },
      "send_notification_form": {
        "type": "vertical",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "form_member_select": {
        "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_type_select": {
        "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_title_input": {
        "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_message_input": {
        "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_schedule_switch": {
        "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
      },
      "form_schedule_date": {
        "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": "modal_zone",
        "component": "send_notification_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Send notification 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
}