{ "page_ir": { "page_id": "notifications_list", "page_goal": "Notifications center showing all notifications sorted by date with filtering, bulk actions, read/unread management, and admin announcement creation", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "indigo-primary" }, "accessibility": { "required_labels": [ "notification_title", "notification_message", "filter_type", "filter_read_status", "announcement_title", "announcement_message" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "filters_collapse_on_small" ], "hidden_on_small": [ "bulk_actions_bar" ], "stack_on_small": [] }, "constraints": [ "newest_first_sort", "mark_read_on_click", "navigate_to_entity" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "notifications_list": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "filter_read_status": { "type": "string", "initial": "all", "required": false, "constraints": { "enum": [ "all", "unread" ] }, "item_type": null }, "filter_type": { "type": "string", "initial": "all", "required": false, "constraints": { "enum": [ "all", "INFO", "WARNING", "ALERT", "REMINDER", "MESSAGE" ] }, "item_type": null }, "selected_ids": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "announcement_modal_visible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "pagination_offset": { "type": "number", "initial": 0, "required": false, "constraints": { "min": 0 }, "item_type": null } }, "derived": { "filtered_notifications": { "type": "array", "expr": "state.notifications_list.filter(n => (state.filter_read_status === 'all' || (state.filter_read_status === 'unread' && !n.is_read)) && (state.filter_type === 'all' || n.notification_type === state.filter_type))", "deps": [] }, "unread_count": { "type": "number", "expr": "state.notifications_list.filter(n => !n.is_read).length", "deps": [] }, "all_selected": { "type": "boolean", "expr": "state.selected_ids.length > 0 && state.selected_ids.length === derived.filtered_notifications.length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "d0f374c0b0714b35840879f8ef803fd0": { "endpoint_id": "d0f374c0b0714b35840879f8ef803fd0", "module": "Notifications", "endpoint": "/notifications/", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": "$state.pagination_offset", "user_id": "$appContext.currentUser.id" }, "body": null, "fields": [ "id", "title", "message", "notification_type", "related_entity_type", "related_entity_id", "user_id", "is_read", "read_at", "created_at", "updated_at" ], "response_target": "notifications_list", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c189d2b433f2438aa268c48d723b0473": { "endpoint_id": "c189d2b433f2438aa268c48d723b0473", "module": "Notifications", "endpoint": "/notifications/{notification_id}/mark-read", "method": "POST", "path_params": { "notification_id": "$state.selectedNotificationId" }, "query_params": {}, "body": {}, "fields": [ "id", "is_read", "read_at" ], "response_target": "markNotificationRead_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "99f269772bb6433ba49ccde2a910d7cb": { "endpoint_id": "99f269772bb6433ba49ccde2a910d7cb", "module": "Notifications", "endpoint": "/notifications/{notification_id}", "method": "DELETE", "path_params": { "notification_id": "$state.selectedNotificationId" }, "query_params": {}, "body": null, "fields": [], "response_target": "deleteNotification_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "5572e9ba2b1a481db4ea3ed5af0996a3": { "endpoint_id": "5572e9ba2b1a481db4ea3ed5af0996a3", "module": "Notifications", "endpoint": "/notifications/", "method": "POST", "path_params": {}, "query_params": {}, "body": null, "fields": [ "id", "title", "message", "notification_type", "user_id", "is_read", "created_at" ], "response_target": "createAnnouncement_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": "Notifications", "fields": [ "id", "title", "message", "notification_type", "related_entity_type", "related_entity_id", "user_id", "is_read", "read_at", "created_at", "updated_at" ], "computed": [], "display_fields": [ "title", "message", "notification_type", "is_read", "created_at" ], "search_fields": [], "filters": [ "is_read", "notification_type" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "setFilterReadStatus": { "type": "mutation", "updates": [ { "target": "state.filter_read_status", "expr": "event.value" } ], "description": "" }, "setFilterType": { "type": "mutation", "updates": [ { "target": "state.filter_type", "expr": "event.value" } ], "description": "" }, "toggleSelectNotification": { "type": "mutation", "updates": [ { "target": "state.selected_ids", "expr": "state.selected_ids.includes(event.id) ? state.selected_ids.filter(i => i !== event.id) : [...state.selected_ids, event.id]" } ], "description": "" }, "toggleSelectAll": { "type": "mutation", "updates": [ { "target": "state.selected_ids", "expr": "derived.all_selected ? [] : derived.filtered_notifications.map(n => n.id)" } ], "description": "" }, "openAnnouncementModal": { "type": "mutation", "updates": [ { "target": "state.announcement_modal_visible", "expr": "true" } ], "description": "" }, "closeAnnouncementModal": { "type": "mutation", "updates": [ { "target": "state.announcement_modal_visible", "expr": "false" } ], "description": "" } }, "actions": { "45cb7198ac004727b8883b47402042c7": { "action_id": "45cb7198ac004727b8883b47402042c7", "trigger": "row_click", "target_component_id": "notification_list_item", "operation": "custom", "description": "", "payload": { "notification_id": "$event.id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.notifications_list", "expr": "state.notifications_list.map(n => n.id === event.id ? {...n, is_read: true} : n)" } ], "api_endpoint": "c189d2b433f2438aa268c48d723b0473", "api_body": null, "side_effects": [ { "type": "api_call", "config": { "endpoint_id": "markNotificationRead" } }, { "type": "navigate", "config": { "path": "$event.navigatePath" } } ], "then": null, "catch": null, "data_action": null }, "b788c449af1449bdae8ab3d8069ecd84": { "action_id": "b788c449af1449bdae8ab3d8069ecd84", "trigger": "button_click", "target_component_id": "mark_all_read_btn", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.notifications_list", "expr": "state.notifications_list.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 }, "27ab643972054022a105a1abfbb8524e": { "action_id": "27ab643972054022a105a1abfbb8524e", "trigger": "button_click", "target_component_id": "delete_selected_btn", "operation": "delete", "description": "", "payload": { "ids": "$state.selected_ids" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.notifications_list", "expr": "state.notifications_list.filter(n => !state.selected_ids.includes(n.id))" }, { "target": "state.selected_ids", "expr": "[]" } ], "api_endpoint": "99f269772bb6433ba49ccde2a910d7cb", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Selected notifications deleted", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "23db67aafa204300bae9e6403f5db7bf": { "action_id": "23db67aafa204300bae9e6403f5db7bf", "trigger": "form_submit", "target_component_id": "announcement_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\": \"Title is required\", \"rule_id\": \"val_title\", \"type\": \"required\"}", "message": "{\"field\": \"title\", \"message\": \"Title is required\", \"rule_id\": \"val_title\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"message\", \"message\": \"Message is required\", \"rule_id\": \"val_message\", \"type\": \"required\"}", "message": "{\"field\": \"message\", \"message\": \"Message is required\", \"rule_id\": \"val_message\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.announcement_modal_visible", "expr": "false" } ], "api_endpoint": "5572e9ba2b1a481db4ea3ed5af0996a3", "api_body": "{ title: formValues.title, message: formValues.message, notification_type: 'INFO', user_id: appContext.currentUser.id }", "side_effects": [ { "type": "toast", "config": { "message": "Announcement sent successfully", "type": "success" } }, { "type": "modal_close", "config": { "modal_id": "announcement_modal" } }, { "type": "refresh", "config": { "target": "fetchNotifications" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "45cb7198ac004727b8883b47402042c7": { "action_id": "45cb7198ac004727b8883b47402042c7", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": "Failed to mark notification as read", "ui_updates": [] }, "b788c449af1449bdae8ab3d8069ecd84": { "action_id": "b788c449af1449bdae8ab3d8069ecd84", "loading_indicator": "spinner", "loading_text": null, "success_message": "All notifications marked as read", "error_message": "Failed to mark all as read", "ui_updates": [] }, "27ab643972054022a105a1abfbb8524e": { "action_id": "27ab643972054022a105a1abfbb8524e", "loading_indicator": "spinner", "loading_text": null, "success_message": "Notifications deleted", "error_message": "Failed to delete notifications", "ui_updates": [] }, "23db67aafa204300bae9e6403f5db7bf": { "action_id": "23db67aafa204300bae9e6403f5db7bf", "loading_indicator": "spinner", "loading_text": null, "success_message": "Announcement created successfully", "error_message": "Failed to create announcement", "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#6366f1", "secondaryColor": "#4f46e5", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 8 }, "components": { "main_container": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "background": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "24px 24px 0 24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "header_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "justify": "space-between", "align": "middle" }, "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 }, "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.unread_count", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "status": "processing", "text": "unread" }, "dynamic_props": {}, "styles": { "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 }, "header_actions": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "middle" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_announcement_btn": { "type": "Button", "label": "Create Announcement", "description": null, "bind": null, "onClick": "openAnnouncementModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "PlusOutlined" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "content_area": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "0 24px 24px 24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filters_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "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_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 16, "align": "middle" }, "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 }, "filter_read_status_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8 }, "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 }, "filter_read_status_segmented": { "type": "Segmented", "label": "Status", "description": null, "bind": "state.filter_read_status", "onClick": "setFilterReadStatus", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "options": [ { "label": "All", "value": "all" }, { "label": "Unread", "value": "unread" } ], "block": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_type_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8 }, "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 }, "filter_type_select": { "type": "Select", "label": "Type", "description": null, "bind": "state.filter_type", "onClick": "setFilterType", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Filter by type", "allowClear": true, "style": { "width": "100%" }, "options": [ { "label": "All Types", "value": "all" }, { "label": "Info", "value": "INFO" }, { "label": "Warning", "value": "WARNING" }, { "label": "Alert", "value": "ALERT" }, { "label": "Reminder", "value": "REMINDER" }, { "label": "Message", "value": "MESSAGE" } ] }, "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 }, "bulk_actions_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 24, "md": 8 }, "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 }, "bulk_actions_bar": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "mark_all_read_btn": { "type": "Button", "label": "Mark All Read", "description": null, "bind": null, "onClick": "markAllRead", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "CheckOutlined", "size": "middle" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "delete_selected_btn": { "type": "Button", "label": "Delete Selected", "description": null, "bind": null, "onClick": "deleteSelected", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "danger": true, "icon": "DeleteOutlined", "size": "middle", "disabled": "state.selected_ids.length === 0" }, "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_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false, "bodyStyle": { "padding": 0 } }, "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_list_component": { "type": "List", "label": null, "description": null, "bind": "derived.filtered_notifications", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "itemLayout": "horizontal", "loading": "state.loading", "locale": { "emptyText": "No notifications" } }, "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_list_item": { "type": "List.Item", "label": null, "description": null, "bind": null, "onClick": "markAsRead", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style_unread": { "backgroundColor": "#f0f0ff" }, "style_read": { "backgroundColor": "#ffffff" } }, "dynamic_props": {}, "styles": { "cursor": "pointer", "padding": "16px 24px", "borderBottom": "1px solid #f0f0f0" }, "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": { "type": "Avatar", "label": null, "description": null, "bind": "item.notification_type", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": 40, "icon_map": { "INFO": "InfoCircleOutlined", "WARNING": "WarningOutlined", "ALERT": "AlertOutlined", "REMINDER": "ClockCircleOutlined", "MESSAGE": "MessageOutlined" } }, "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 }, "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.Paragraph", "label": null, "description": null, "bind": "item.message", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "ellipsis": { "rows": 2 }, "type": "secondary" }, "dynamic_props": {}, "styles": { "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" }, "dynamic_props": {}, "styles": { "fontSize": "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_read_indicator": { "type": "Badge", "label": null, "description": null, "bind": "item.is_read", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "dot": true, "status": "processing" }, "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_checkbox": { "type": "Checkbox", "label": null, "description": null, "bind": "state.selected_ids", "onClick": "toggleSelectNotification", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "marginRight": "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 }, "announcement_modal": { "type": "Modal", "label": "Create Announcement", "description": null, "bind": "state.announcement_modal_visible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 640, "destroyOnClose": true, "okText": "Send Announcement", "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 }, "announcement_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 }, "announcement_title_field": { "type": "Form.Item", "label": "Title", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "title", "rules": [ { "required": true, "message": "Title 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 }, "announcement_title_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter announcement title", "maxLength": 200 }, "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 }, "announcement_message_field": { "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 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 }, "announcement_message_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter announcement message", "rows": 6, "maxLength": 2000, "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 }, "announcement_audience_field": { "type": "Form.Item", "label": "Target Audience", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "target_audience" }, "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 }, "announcement_audience_select": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select target audience", "options": [ { "label": "All Users", "value": "all_users" }, { "label": "Administrators", "value": "ADMINISTRATOR" }, { "label": "Venue Managers", "value": "VENUE_MANAGER" }, { "label": "Production Managers", "value": "PRODUCTION_MANAGER" }, { "label": "Technical Directors", "value": "TECHNICAL_DIRECTOR" }, { "label": "Staff Members", "value": "STAFF_MEMBER" }, { "label": "Performers", "value": "PERFORMER" } ], "mode": "multiple" }, "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 }, "announcement_type_field": { "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": "INFO" }, "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 }, "announcement_type_select": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "options": [ { "label": "Info", "value": "INFO" }, { "label": "Warning", "value": "WARNING" }, { "label": "Alert", "value": "ALERT" }, { "label": "Reminder", "value": "REMINDER" }, { "label": "Message", "value": "MESSAGE" } ] }, "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 }, "empty_state": { "type": "Empty", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "description": "No notifications to display" }, "dynamic_props": {}, "styles": { "padding": "48px 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 } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "content_area" ], "page_header": [ "header_row" ], "header_row": [ "page_title", "unread_badge", "header_actions" ], "header_actions": [ "create_announcement_btn" ], "content_area": [ "filters_card", "notifications_card", "announcement_modal" ], "filters_card": [ "filters_row" ], "filters_row": [ "filter_read_status_col", "filter_type_col", "bulk_actions_col" ], "filter_read_status_col": [ "filter_read_status_segmented" ], "filter_type_col": [ "filter_type_select" ], "bulk_actions_col": [ "bulk_actions_bar" ], "bulk_actions_bar": [ "mark_all_read_btn", "delete_selected_btn" ], "notifications_card": [ "notifications_list_component" ], "notifications_list_component": [ "notification_list_item" ], "notification_list_item": [ "notification_checkbox", "notification_icon", "notification_content", "notification_read_indicator" ], "notification_content": [ "notification_title_text", "notification_message_text", "notification_timestamp" ], "announcement_modal": [ "announcement_form" ], "announcement_form": [ "announcement_title_field", "announcement_message_field", "announcement_audience_field", "announcement_type_field" ], "announcement_title_field": [ "announcement_title_input" ], "announcement_message_field": [ "announcement_message_input" ], "announcement_audience_field": [ "announcement_audience_select" ], "announcement_type_field": [ "announcement_type_select" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_row": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_actions": { "type": "horizontal", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "content_area": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filters_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 }, "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 }, "bulk_actions_bar": { "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 }, "notifications_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 }, "notifications_list_component": { "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 }, "notification_list_item": { "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": 2, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "announcement_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 }, "announcement_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 }, "announcement_title_field": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "announcement_message_field": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "announcement_audience_field": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "announcement_type_field": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Full page notifications layout" }, { "zone_id": "modal_zone", "component": "announcement_modal", "anchor": "center", "size_hint": "640px", "z_layer": "overlay", "notes": "Announcement creation 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 }