{
  "page_ir": {
    "page_id": "notifications",
    "page_goal": "Display a list of in-app notifications for the current user, sorted by newest first, with ability to mark individual or all notifications as read, showing notification type icons and read/unread status",
    "style": {
      "tone": "informational",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "neutral with type-based accent colors for notification icons"
    },
    "accessibility": {
      "required_labels": [
        "notification list",
        "mark all as read button",
        "notification item",
        "unread indicator"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 992
      },
      "collapse_rules": [
        "notification cards stack vertically on all screen sizes"
      ],
      "hidden_on_small": [],
      "stack_on_small": []
    },
    "constraints": [
      "Notifications retained for 30 days",
      "Sorted by date newest first",
      "Must show empty state when no notifications"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "notifications": {
        "type": "array",
        "initial": [],
        "required": true,
        "constraints": {
          "description": "Array of notification objects for the current user"
        },
        "item_type": null
      },
      "loading": {
        "type": "boolean",
        "initial": true,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "filterType": {
        "type": "string",
        "initial": "all",
        "required": false,
        "constraints": {
          "enum": [
            "all",
            "unread"
          ]
        },
        "item_type": null
      }
    },
    "derived": {
      "unreadCount": {
        "type": "number",
        "expr": "state.notifications.filter(n => !n.is_read).length",
        "deps": []
      },
      "filteredNotifications": {
        "type": "array",
        "expr": "state.filterType === 'unread' ? state.notifications.filter(n => !n.is_read) : state.notifications",
        "deps": []
      },
      "hasNotifications": {
        "type": "boolean",
        "expr": "state.notifications.length > 0",
        "deps": []
      },
      "hasUnread": {
        "type": "boolean",
        "expr": "state.notifications.some(n => !n.is_read)",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "4d43f02ef5ec4376bf0008143fb41d77": {
        "endpoint_id": "4d43f02ef5ec4376bf0008143fb41d77",
        "module": "System",
        "endpoint": "/system/audit-logs",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "user_id": "$context.currentUser.id",
          "limit": 100,
          "offset": 0
        },
        "body": null,
        "fields": [
          "id",
          "user_id",
          "action_type",
          "entity_type",
          "entity_id",
          "timestamp",
          "details"
        ],
        "response_target": "notifications",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "notification": {
        "name": "Notification",
        "backend_module": "System",
        "fields": [
          "id",
          "user_id",
          "type",
          "title",
          "message",
          "is_read",
          "created_at",
          "related_entity_id",
          "related_entity_type"
        ],
        "computed": [],
        "display_fields": [
          "type",
          "title",
          "message",
          "is_read",
          "created_at"
        ],
        "search_fields": [],
        "filters": [
          "is_read",
          "type"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onFilterChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterType",
            "expr": "event.value"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "aae76500907241c6a99b6e258a87852b": {
        "action_id": "aae76500907241c6a99b6e258a87852b",
        "trigger": "row_click",
        "target_component_id": "notification_list",
        "operation": "update",
        "description": "",
        "payload": {
          "notification_id": "$event.item.id"
        },
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.notifications",
            "expr": "state.notifications.map(n => n.id === $event.item.id ? {...n, is_read: true} : n)"
          }
        ],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "83dad846556148b683f98d0d5c32e8e0": {
        "action_id": "83dad846556148b683f98d0d5c32e8e0",
        "trigger": "button_click",
        "target_component_id": "mark_all_read_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.notifications",
            "expr": "state.notifications.map(n => ({...n, is_read: true}))"
          }
        ],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "All notifications marked as read",
              "type": "success"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "4478b9356bb347839a8e00c1bdfdca2a": {
        "action_id": "4478b9356bb347839a8e00c1bdfdca2a",
        "trigger": "button_click",
        "target_component_id": "back_to_dashboard_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": "/dashboard"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "510ae18753254a2fa54254f029de54ed": {
        "action_id": "510ae18753254a2fa54254f029de54ed",
        "trigger": "button_click",
        "target_component_id": "notification_list",
        "operation": "custom",
        "description": "",
        "payload": {
          "bookId": "$event.item.related_entity_id"
        },
        "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": "/books/${bookId}"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "2b136a9655354e9699779e96e3c98e1e": {
        "action_id": "2b136a9655354e9699779e96e3c98e1e",
        "trigger": "button_click",
        "target_component_id": "notification_list",
        "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": "/dashboard/history"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "aae76500907241c6a99b6e258a87852b": {
        "action_id": "aae76500907241c6a99b6e258a87852b",
        "loading_indicator": "none",
        "loading_text": null,
        "success_message": "",
        "error_message": "Failed to mark notification as read",
        "ui_updates": []
      },
      "83dad846556148b683f98d0d5c32e8e0": {
        "action_id": "83dad846556148b683f98d0d5c32e8e0",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "All notifications marked as read",
        "error_message": "Failed to mark all notifications as read",
        "ui_updates": []
      },
      "4478b9356bb347839a8e00c1bdfdca2a": {
        "action_id": "4478b9356bb347839a8e00c1bdfdca2a",
        "loading_indicator": "none",
        "loading_text": null,
        "success_message": "",
        "error_message": "",
        "ui_updates": []
      },
      "510ae18753254a2fa54254f029de54ed": {
        "action_id": "510ae18753254a2fa54254f029de54ed",
        "loading_indicator": "none",
        "loading_text": null,
        "success_message": "",
        "error_message": "",
        "ui_updates": []
      },
      "2b136a9655354e9699779e96e3c98e1e": {
        "action_id": "2b136a9655354e9699779e96e3c98e1e",
        "loading_indicator": "none",
        "loading_text": null,
        "success_message": "",
        "error_message": "",
        "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",
          "backgroundColor": "#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
      },
      "content_wrapper": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "maxWidth": "800px",
          "margin": "0 auto",
          "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
      },
      "page_header": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "header_top_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "alignItems": "center",
          "marginBottom": "8px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_title": {
        "type": "Typography.Title",
        "label": "Notifications",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 2
        },
        "dynamic_props": {},
        "styles": {
          "margin": "0"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "unread_badge": {
        "type": "Badge",
        "label": null,
        "description": null,
        "bind": "derived.unreadCount",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "count": "$derived.unreadCount",
          "showZero": false,
          "color": "#1677ff"
        },
        "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
      },
      "header_actions": {
        "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": "12px",
          "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_segmented": {
        "type": "Segmented",
        "label": null,
        "description": null,
        "bind": "state.filterType",
        "onClick": "onFilterChange",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "options": [
            {
              "label": "All",
              "value": "all"
            },
            {
              "label": "Unread",
              "value": "unread"
            }
          ]
        },
        "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
      },
      "mark_all_read_button": {
        "type": "Button",
        "label": "Mark All as Read",
        "description": null,
        "bind": null,
        "onClick": "markAllAsRead",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "ghost": true,
          "disabled": "$derived.hasUnread === false",
          "icon": "CheckOutlined"
        },
        "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
      },
      "back_to_dashboard_button": {
        "type": "Button",
        "label": "Back to Dashboard",
        "description": null,
        "bind": null,
        "onClick": "navigateToDashboard",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link",
          "icon": "ArrowLeftOutlined"
        },
        "dynamic_props": {},
        "styles": {
          "paddingLeft": "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
      },
      "notification_list": {
        "type": "List",
        "label": null,
        "description": null,
        "bind": "derived.filteredNotifications",
        "onClick": "markAsRead",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "dataSource": "$derived.filteredNotifications",
          "loading": "$state.loading",
          "locale": {
            "emptyText": "No notifications"
          },
          "itemLayout": "horizontal"
        },
        "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
      },
      "notification_item_template": {
        "type": "List.Item",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "className": "$item.is_read ? 'notification-read' : 'notification-unread'"
        },
        "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
      },
      "notification_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "hoverable": true,
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%",
          "marginBottom": "8px",
          "borderLeft": "$item.is_read ? '3px solid transparent' : '3px solid #1677ff'"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "notification_icon_checkout": {
        "type": "Avatar",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "icon": "BookOutlined",
          "style": {
            "backgroundColor": "#52c41a"
          }
        },
        "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
      },
      "notification_icon_return": {
        "type": "Avatar",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "icon": "CheckCircleOutlined",
          "style": {
            "backgroundColor": "#1677ff"
          }
        },
        "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
      },
      "notification_icon_due_reminder": {
        "type": "Avatar",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "icon": "ClockCircleOutlined",
          "style": {
            "backgroundColor": "#faad14"
          }
        },
        "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
      },
      "notification_icon_overdue": {
        "type": "Avatar",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "icon": "ExclamationCircleOutlined",
          "style": {
            "backgroundColor": "#ff4d4f"
          }
        },
        "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
      },
      "notification_icon_reservation": {
        "type": "Avatar",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "icon": "TagOutlined",
          "style": {
            "backgroundColor": "#722ed1"
          }
        },
        "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
      },
      "notification_icon_fine": {
        "type": "Avatar",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "icon": "DollarOutlined",
          "style": {
            "backgroundColor": "#eb2f96"
          }
        },
        "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
      },
      "notification_icon_payment": {
        "type": "Avatar",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "icon": "CreditCardOutlined",
          "style": {
            "backgroundColor": "#13c2c2"
          }
        },
        "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
      },
      "notification_content": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "flex": 1,
          "marginLeft": "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
      },
      "notification_title_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "$item.title",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "display": "block",
          "marginBottom": "4px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "notification_message_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "$item.message",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "display": "block",
          "marginBottom": "4px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "notification_timestamp": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "$item.created_at",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "style": {
            "fontSize": "12px"
          }
        },
        "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
      },
      "unread_dot": {
        "type": "Badge",
        "label": null,
        "description": null,
        "bind": "$item.is_read",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "status": "processing",
          "dot": true
        },
        "dynamic_props": {},
        "styles": {
          "marginLeft": "8px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "empty_state": {
        "type": "Empty",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "description": "You're all caught up! No notifications to display.",
          "image": "Empty.PRESENTED_IMAGE_SIMPLE"
        },
        "dynamic_props": {},
        "styles": {
          "padding": "80px 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
      },
      "loading_skeleton": {
        "type": "Skeleton",
        "label": null,
        "description": null,
        "bind": "state.loading",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "active": true,
          "avatar": true,
          "paragraph": {
            "rows": 2
          }
        },
        "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": [
        "content_wrapper"
      ],
      "content_wrapper": [
        "page_header",
        "notification_list",
        "empty_state"
      ],
      "page_header": [
        "back_to_dashboard_button",
        "header_top_row",
        "header_actions"
      ],
      "header_top_row": [
        "page_title",
        "unread_badge"
      ],
      "header_actions": [
        "filter_segmented",
        "mark_all_read_button"
      ],
      "notification_list": [
        "notification_card"
      ],
      "notification_card": [
        "notification_icon_checkout",
        "notification_content",
        "unread_dot"
      ],
      "notification_content": [
        "notification_title_text",
        "notification_message_text",
        "notification_timestamp"
      ]
    },
    "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
      },
      "content_wrapper": {
        "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
      },
      "page_header": {
        "type": "vertical",
        "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_top_row": {
        "type": "horizontal",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "header_actions": {
        "type": "horizontal",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "notification_list": {
        "type": "vertical",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "notification_card": {
        "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
      },
      "notification_content": {
        "type": "vertical",
        "gap": 4,
        "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": "Full page container with centered content"
      },
      {
        "zone_id": "empty_zone",
        "component": "empty_state",
        "anchor": "center",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Shown when filteredNotifications is empty and not loading"
      }
    ],
    "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
}