{ "page_ir": { "page_id": "notifications", "page_goal": "Display notifications list with filtering, mark read/unread, delete actions, create notification modal, and audit logs tab with search and date filtering", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with blue accents" }, "accessibility": { "required_labels": [ "notifications_table", "audit_logs_table", "create_notification_form", "filter_type", "filter_read_status", "search_audit" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "table columns collapse on small screens" ], "hidden_on_small": [ "notes_column" ], "stack_on_small": [] }, "constraints": [ "Admin users can create notifications", "Delete requires confirmation" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "notificationsList": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "auditLogsList": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "activeTab": { "type": "string", "initial": "notifications", "required": false, "constraints": {}, "item_type": null }, "filterType": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterReadStatus": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "auditSearchText": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "auditDateRange": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "createModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedNotificationId": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "notificationsPagination": { "type": "object", "initial": { "limit": 20, "offset": 0 }, "required": false, "constraints": {}, "item_type": null }, "auditLogsPagination": { "type": "object", "initial": { "limit": 20, "offset": 0 }, "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredNotifications": { "type": "array", "expr": "state.notificationsList", "deps": [] }, "filteredAuditLogs": { "type": "array", "expr": "state.auditLogsList", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "d99650a3444849f1a55c1ce731f67a7e": { "endpoint_id": "d99650a3444849f1a55c1ce731f67a7e", "module": "Notifications", "endpoint": "/notifications/", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.notificationsPagination.limit", "offset": "$state.notificationsPagination.offset", "user_id": "$state.filterType" }, "body": null, "fields": [ "id", "submenu_id", "message", "user_id", "notes", "metadata", "version", "created_at", "updated_at" ], "response_target": "notificationsList", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "dfc668aaaf3b4c998f84bec4eb595912": { "endpoint_id": "dfc668aaaf3b4c998f84bec4eb595912", "module": "Notifications", "endpoint": "/notifications/audit-logs", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.auditLogsPagination.limit", "offset": "$state.auditLogsPagination.offset", "action": "$state.auditSearchText", "entity_name": "$state.auditSearchText" }, "body": null, "fields": [ "id", "submenu_id", "actor_id", "action", "entity_name", "entity_id", "notes", "metadata", "created_at", "updated_at" ], "response_target": "auditLogsList", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "7099d106fc1d4fccb4998b0deed0df86": { "endpoint_id": "7099d106fc1d4fccb4998b0deed0df86", "module": "Notifications", "endpoint": "/notifications/", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "message", "user_id", "notes", "metadata", "created_at" ], "response_target": "createNotification_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "15aa5c6b679847f1a5ee6355ebb3443f": { "endpoint_id": "15aa5c6b679847f1a5ee6355ebb3443f", "module": "Notifications", "endpoint": "/notifications/{notification_id}", "method": "PUT", "path_params": { "notification_id": "$state.selectedNotificationId" }, "query_params": {}, "body": {}, "fields": [ "id", "message", "user_id", "notes", "metadata", "created_at", "updated_at" ], "response_target": "updateNotification_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "55d3dc90379c421a9dfd7367fa2f2bbb": { "endpoint_id": "55d3dc90379c421a9dfd7367fa2f2bbb", "module": "Notifications", "endpoint": "/notifications/{notification_id}", "method": "DELETE", "path_params": { "notification_id": "$state.selectedNotificationId" }, "query_params": {}, "body": null, "fields": [], "response_target": "55d3dc90379c421a9dfd7367fa2f2bbb_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", "submenu_id", "message", "user_id", "notes", "metadata", "version", "deleted_at", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "message", "metadata", "notes", "created_at" ], "search_fields": [], "filters": [ "user_id", "submenu_id" ], "default_sort": null, "default_sort_dir": "asc" }, "auditLog": { "name": "AuditLog", "backend_module": "Notifications", "fields": [ "id", "submenu_id", "actor_id", "action", "entity_name", "entity_id", "notes", "metadata", "version", "deleted_at", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "action", "entity_name", "actor_id", "created_at", "notes" ], "search_fields": [], "filters": [ "actor_id", "entity_name", "action" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onTabChange": { "type": "mutation", "updates": [ { "target": "state.activeTab", "expr": "event.value" } ], "description": "" }, "onFilterTypeChange": { "type": "mutation", "updates": [ { "target": "state.filterType", "expr": "event.value" } ], "description": "" }, "onFilterReadStatusChange": { "type": "mutation", "updates": [ { "target": "state.filterReadStatus", "expr": "event.value" } ], "description": "" }, "onAuditSearchChange": { "type": "mutation", "updates": [ { "target": "state.auditSearchText", "expr": "event.value" } ], "description": "" }, "onAuditDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.auditDateRange", "expr": "event.value" } ], "description": "" } }, "actions": { "68c63323918f4064bc627c71ce6f6213": { "action_id": "68c63323918f4064bc627c71ce6f6213", "trigger": "button_click", "target_component_id": "create_notification_btn", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.createModalVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "modal_open", "config": { "modal_id": "create_notification_modal" } } ], "then": null, "catch": null, "data_action": null }, "66622ca961b84443b2c0b01fa348e04f": { "action_id": "66622ca961b84443b2c0b01fa348e04f", "trigger": "button_click", "target_component_id": "create_modal_cancel_btn", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.createModalVisible", "expr": "false" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "modal_close", "config": { "modal_id": "create_notification_modal" } } ], "then": null, "catch": null, "data_action": null }, "3fa2aad969454e359414accdc1b0f7f4": { "action_id": "3fa2aad969454e359414accdc1b0f7f4", "trigger": "form_submit", "target_component_id": "create_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\": \"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.createModalVisible", "expr": "false" } ], "api_endpoint": "7099d106fc1d4fccb4998b0deed0df86", "api_body": "{ submenu_id: 1, message: formValues.message, user_id: formValues.user_id, notes: formValues.notes, metadata: formValues.metadata }", "side_effects": [ { "type": "toast", "config": { "message": "Notification created successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchNotifications" } } ], "then": null, "catch": null, "data_action": null }, "d365543a1a6949dcbd2f435679207ed9": { "action_id": "d365543a1a6949dcbd2f435679207ed9", "trigger": "button_click", "target_component_id": "notifications_table", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "15aa5c6b679847f1a5ee6355ebb3443f", "api_body": "{ metadata: 'read' }", "side_effects": [ { "type": "toast", "config": { "message": "Notification marked as read", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchNotifications" } } ], "then": null, "catch": null, "data_action": null }, "58da276dd0e1412892f80262dc73aa0b": { "action_id": "58da276dd0e1412892f80262dc73aa0b", "trigger": "button_click", "target_component_id": "notifications_table", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "15aa5c6b679847f1a5ee6355ebb3443f", "api_body": "{ metadata: 'unread' }", "side_effects": [ { "type": "toast", "config": { "message": "Notification marked as unread", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchNotifications" } } ], "then": null, "catch": null, "data_action": null }, "55d3dc90379c421a9dfd7367fa2f2bbb": { "action_id": "55d3dc90379c421a9dfd7367fa2f2bbb", "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": "55d3dc90379c421a9dfd7367fa2f2bbb", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Notification deleted successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchNotifications" } } ], "then": null, "catch": null, "data_action": null }, "3e608ca67ae0422181bb40a4f5cef964": { "action_id": "3e608ca67ae0422181bb40a4f5cef964", "trigger": "input_change", "target_component_id": "audit_search_input", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "dfc668aaaf3b4c998f84bec4eb595912", "api_body": null, "side_effects": [ { "type": "refresh", "config": { "target": "fetchAuditLogs" } } ], "then": null, "catch": null, "data_action": null }, "bc66392d1f91477aabd0aac5f627cfa1": { "action_id": "bc66392d1f91477aabd0aac5f627cfa1", "trigger": "button_click", "target_component_id": "back_to_dashboard_btn", "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": "/" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "68c63323918f4064bc627c71ce6f6213": { "action_id": "68c63323918f4064bc627c71ce6f6213", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "66622ca961b84443b2c0b01fa348e04f": { "action_id": "66622ca961b84443b2c0b01fa348e04f", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "3fa2aad969454e359414accdc1b0f7f4": { "action_id": "3fa2aad969454e359414accdc1b0f7f4", "loading_indicator": "spinner", "loading_text": null, "success_message": "Notification created successfully", "error_message": "Failed to create notification", "ui_updates": [] }, "d365543a1a6949dcbd2f435679207ed9": { "action_id": "d365543a1a6949dcbd2f435679207ed9", "loading_indicator": "spinner", "loading_text": null, "success_message": "Marked as read", "error_message": "Failed to update notification", "ui_updates": [] }, "58da276dd0e1412892f80262dc73aa0b": { "action_id": "58da276dd0e1412892f80262dc73aa0b", "loading_indicator": "spinner", "loading_text": null, "success_message": "Marked as unread", "error_message": "Failed to update notification", "ui_updates": [] }, "55d3dc90379c421a9dfd7367fa2f2bbb": { "action_id": "55d3dc90379c421a9dfd7367fa2f2bbb", "loading_indicator": "spinner", "loading_text": null, "success_message": "Notification deleted", "error_message": "Failed to delete notification", "ui_updates": [] }, "3e608ca67ae0422181bb40a4f5cef964": { "action_id": "3e608ca67ae0422181bb40a4f5cef964", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to search audit logs", "ui_updates": [] }, "bc66392d1f91477aabd0aac5f627cfa1": { "action_id": "bc66392d1f91477aabd0aac5f627cfa1", "loading_indicator": "none", "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 }, "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 }, "header_actions": { "type": "Space", "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 }, "back_to_dashboard_btn": { "type": "Button", "label": "Back to Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "icon": "ArrowLeftOutlined" }, "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_notification_btn": { "type": "Button", "label": "Create Notification", "description": null, "bind": null, "onClick": "openCreateModal", "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 }, "tabs_container": { "type": "Tabs", "label": null, "description": null, "bind": "state.activeTab", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "key": "notifications", "label": "Notifications" }, { "key": "audit_logs", "label": "Audit Logs" } ] }, "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_tab_content": { "type": "div", "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_filters": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "16px", "marginBottom": "16px", "flexWrap": "wrap" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_type_select": { "type": "Select", "label": "Filter by Type", "description": null, "bind": "state.filterType", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Types", "allowClear": true, "style": { "width": 200 }, "options": [ { "label": "System", "value": "system" }, { "label": "User", "value": "user" }, { "label": "Alert", "value": "alert" } ] }, "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_select": { "type": "Select", "label": "Read Status", "description": null, "bind": "state.filterReadStatus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Status", "allowClear": true, "style": { "width": 200 }, "options": [ { "label": "Read", "value": "read" }, { "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 }, "notifications_table": { "type": "Table", "label": "Notifications Table", "description": null, "bind": "state.notificationsList", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "ID", "dataIndex": "id", "key": "id", "width": 80 }, { "title": "Message", "dataIndex": "message", "key": "message" }, { "title": "Type", "dataIndex": "metadata", "key": "metadata", "width": 100 }, { "title": "Read Status", "dataIndex": "notes", "key": "notes", "width": 120 }, { "title": "User ID", "dataIndex": "user_id", "key": "user_id", "width": 100 }, { "title": "Created Date", "dataIndex": "created_at", "key": "created_at", "width": 180 }, { "title": "Actions", "key": "actions", "width": 250 } ], "rowKey": "id", "pagination": { "pageSize": 20 }, "loading": "state.loading" }, "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 }, "audit_logs_tab_content": { "type": "div", "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 }, "audit_logs_filters": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "16px", "marginBottom": "16px", "flexWrap": "wrap" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "audit_search_input": { "type": "Input.Search", "label": "Search Audit Logs", "description": null, "bind": "state.auditSearchText", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by action or module...", "allowClear": true, "style": { "width": 300 } }, "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 }, "audit_date_range_picker": { "type": "DatePicker.RangePicker", "label": "Date Range", "description": null, "bind": "state.auditDateRange", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": 300 } }, "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 }, "audit_logs_table": { "type": "Table", "label": "Audit Logs Table", "description": null, "bind": "state.auditLogsList", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Log ID", "dataIndex": "id", "key": "id", "width": 80 }, { "title": "Action", "dataIndex": "action", "key": "action", "width": 120 }, { "title": "Module", "dataIndex": "entity_name", "key": "entity_name", "width": 150 }, { "title": "User", "dataIndex": "actor_id", "key": "actor_id", "width": 120 }, { "title": "Timestamp", "dataIndex": "created_at", "key": "created_at", "width": 180 }, { "title": "Details", "dataIndex": "notes", "key": "notes" } ], "rowKey": "id", "pagination": { "pageSize": 20 }, "loading": "state.loading" }, "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_notification_modal": { "type": "Modal", "label": "Create Notification", "description": null, "bind": "state.createModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create Notification", "okText": "Create", "cancelText": "Cancel", "width": 600 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_notification_form": { "type": "Form", "label": "Create 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_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 }, "form_message_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter notification message", "rows": 4 }, "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_user_id_field": { "type": "Form.Item", "label": "Target User ID", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "user_id" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_user_id_input": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter target user ID", "style": { "width": "100%" } }, "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_notes_field": { "type": "Form.Item", "label": "Type", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "notes" }, "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_notes_select": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select notification type", "options": [ { "label": "System", "value": "system" }, { "label": "User", "value": "user" }, { "label": "Alert", "value": "alert" } ] }, "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_metadata_field": { "type": "Form.Item", "label": "Additional Metadata", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "metadata" }, "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_metadata_input": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Optional metadata" }, "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_modal_cancel_btn": { "type": "Button", "label": "Cancel", "description": null, "bind": null, "onClick": "closeCreateModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "tabs_container", "notifications_tab_content", "audit_logs_tab_content", "create_notification_modal" ], "page_header": [ "page_title", "header_actions" ], "header_actions": [ "back_to_dashboard_btn", "create_notification_btn" ], "notifications_tab_content": [ "notifications_filters", "notifications_table" ], "notifications_filters": [ "filter_type_select", "filter_read_status_select" ], "audit_logs_tab_content": [ "audit_logs_filters", "audit_logs_table" ], "audit_logs_filters": [ "audit_search_input", "audit_date_range_picker" ], "create_notification_modal": [ "create_notification_form" ], "create_notification_form": [ "form_message_field", "form_user_id_field", "form_notes_field", "form_metadata_field" ], "form_message_field": [ "form_message_input" ], "form_user_id_field": [ "form_user_id_input" ], "form_notes_field": [ "form_notes_select" ], "form_metadata_field": [ "form_metadata_input" ] }, "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_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 }, "notifications_tab_content": { "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 }, "notifications_filters": { "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 }, "audit_logs_tab_content": { "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 }, "audit_logs_filters": { "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 }, "create_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 } }, "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": "create_notification_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create 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 }