{ "page_ir": { "page_id": "notifications", "page_goal": "Notification center page showing all notifications for the current user with filtering, mark as read functionality, and notification preferences management", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "informational" }, "accessibility": { "required_labels": [ "notification_list", "filter_tabs", "mark_all_read_button", "preferences_button" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024 }, "collapse_rules": [ "preferences_drawer_full_width_on_small" ], "hidden_on_small": [], "stack_on_small": [] }, "constraints": [ "notifications_are_client_side_managed", "no_backend_notification_endpoint" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "notifications": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "filterTab": { "type": "string", "initial": "all", "required": false, "constraints": { "enum": [ "all", "unread", "read" ] }, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "preferencesDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "preferences": { "type": "object", "initial": { "job_assignment": { "in_app": true, "email": true }, "job_reassignment": { "in_app": true, "email": true }, "status_change": { "in_app": true, "email": false }, "mention": { "in_app": true, "email": true }, "due_soon": { "in_app": true, "email": true }, "overdue": { "in_app": true, "email": true }, "job_completion": { "in_app": true, "email": false }, "job_cancellation": { "in_app": true, "email": false } }, "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredNotifications": { "type": "array", "expr": "state.filterTab === 'all' ? state.notifications : state.filterTab === 'unread' ? state.notifications.filter(n => !n.read) : state.notifications.filter(n => n.read)", "deps": [] }, "unreadCount": { "type": "number", "expr": "state.notifications.filter(n => !n.read).length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "408db744ed8149feaee5fb97a665acd4": { "endpoint_id": "408db744ed8149feaee5fb97a665acd4", "module": "Jobs", "endpoint": "/jobs/", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "assigned_to_user_id": "$appContext.currentUser.id" }, "body": null, "fields": [ "id", "title", "job_status_id", "due_date", "assigned_to_user_id" ], "response_target": "jobs", "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": "Jobs", "fields": [ "id", "type", "message", "job_id", "read", "created_at" ], "computed": [ "relative_time" ], "display_fields": [ "type", "message", "created_at", "read" ], "search_fields": [], "filters": [ "read" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "changeFilterTab": { "type": "mutation", "updates": [ { "target": "state.filterTab", "expr": "event.value" } ], "description": "" }, "openPreferencesDrawer": { "type": "mutation", "updates": [ { "target": "state.preferencesDrawerVisible", "expr": "true" } ], "description": "" }, "closePreferencesDrawer": { "type": "mutation", "updates": [ { "target": "state.preferencesDrawerVisible", "expr": "false" } ], "description": "" } }, "actions": { "c02329fbd0f947cfa609c860bc9c60e9": { "action_id": "c02329fbd0f947cfa609c860bc9c60e9", "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, 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 }, "80d6711fcb064dd19a90189733fde6e7": { "action_id": "80d6711fcb064dd19a90189733fde6e7", "trigger": "row_click", "target_component_id": "notification_list", "operation": "custom", "description": "", "payload": { "notification_id": "$event.id", "job_id": "$event.job_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.id ? { ...n, read: true } : n)" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/jobs/${event.job_id}" } } ], "then": null, "catch": null, "data_action": null }, "8d97cdb2edc34eb286e4750cb404b6f6": { "action_id": "8d97cdb2edc34eb286e4750cb404b6f6", "trigger": "button_click", "target_component_id": "save_preferences_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": "toast", "config": { "message": "Notification preferences saved", "type": "success" } }, { "type": "drawer_close", "config": { "drawer_id": "preferences_drawer" } } ], "then": null, "catch": null, "data_action": null }, "bb8c67b6da7141af8746d18abf37aec6": { "action_id": "bb8c67b6da7141af8746d18abf37aec6", "trigger": "input_change", "target_component_id": "preferences_form", "operation": "custom", "description": "", "payload": { "type": "$event.type", "channel": "$event.channel", "value": "$event.value" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.preferences", "expr": "{ ...state.preferences, [event.type]: { ...state.preferences[event.type], [event.channel]: event.value } }" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null } }, "feedback": { "c02329fbd0f947cfa609c860bc9c60e9": { "action_id": "c02329fbd0f947cfa609c860bc9c60e9", "loading_indicator": "none", "loading_text": null, "success_message": "All notifications marked as read", "error_message": "Failed to mark notifications as read", "ui_updates": [] }, "80d6711fcb064dd19a90189733fde6e7": { "action_id": "80d6711fcb064dd19a90189733fde6e7", "loading_indicator": "none", "loading_text": null, "success_message": "", "error_message": "", "ui_updates": [] }, "8d97cdb2edc34eb286e4750cb404b6f6": { "action_id": "8d97cdb2edc34eb286e4750cb404b6f6", "loading_indicator": "spinner", "loading_text": null, "success_message": "Notification preferences saved", "error_message": "Failed to save preferences", "ui_updates": [] }, "bb8c67b6da7141af8746d18abf37aec6": { "action_id": "bb8c67b6da7141af8746d18abf37aec6", "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 }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "header_left": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "alignItems": "center", "gap": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_title": { "type": "Typography.Title", "label": "Notifications", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2, "style": { "margin": 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 }, "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", "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 }, "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 }, "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", "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 }, "preferences_button": { "type": "Button", "label": null, "description": null, "bind": null, "onClick": "openPreferencesDrawer", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "text", "icon": "SettingOutlined", "shape": "circle", "size": "large" }, "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_tabs": { "type": "Tabs", "label": null, "description": null, "bind": "state.filterTab", "onClick": "changeFilterTab", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "activeKey": "$state.filterTab", "items": [ { "key": "all", "label": "All" }, { "key": "unread", "label": "Unread" }, { "key": "read", "label": "Read" } ] }, "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 }, "notification_list": { "type": "List", "label": "Notifications", "description": null, "bind": "derived.filteredNotifications", "onClick": "markAsReadAndNavigate", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "dataSource": "$derived.filteredNotifications", "renderItem": "notification_item", "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_item": { "type": "List.Item", "label": null, "description": null, "bind": null, "onClick": "markAsReadAndNavigate", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "hoverable": true, "style_unread": { "fontWeight": "bold", "backgroundColor": "#e6f4ff" }, "style_read": { "fontWeight": "normal", "backgroundColor": "#ffffff" } }, "dynamic_props": {}, "styles": { "cursor": "pointer", "padding": "16px", "borderRadius": "6px", "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 }, "notification_icon": { "type": "Avatar", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": 40, "icon_map": { "assignment": "UserAddOutlined", "reassignment": "SwapOutlined", "status_change": "SyncOutlined", "mention": "MessageOutlined", "due_soon": "ClockCircleOutlined", "overdue": "ExclamationCircleOutlined", "completion": "CheckCircleOutlined", "cancellation": "CloseCircleOutlined" } }, "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_message": { "type": "Typography.Text", "label": null, "description": null, "bind": "item.message", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": "$item.read === false" }, "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_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", "format": "relative" }, "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 }, "unread_indicator": { "type": "Badge", "label": null, "description": null, "bind": "item.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 }, "preferences_drawer": { "type": "Drawer", "label": "Notification Preferences", "description": null, "bind": "state.preferencesDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Notification Preferences", "open": "$state.preferencesDrawerVisible", "onClose": "closePreferencesDrawer", "width": 480, "placement": "right" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "preferences_form": { "type": "Form", "label": null, "description": null, "bind": "state.preferences", "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 }, "pref_job_assignment_section": { "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", "padding": "12px 0", "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 }, "pref_job_assignment_label": { "type": "Typography.Text", "label": "Job Assignment", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "pref_job_assignment_inapp": { "type": "Switch", "label": "In-App", "description": null, "bind": "state.preferences.job_assignment.in_app", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.job_assignment.in_app", "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 }, "pref_job_assignment_email": { "type": "Switch", "label": "Email", "description": null, "bind": "state.preferences.job_assignment.email", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.job_assignment.email", "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 }, "pref_job_reassignment_section": { "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", "padding": "12px 0", "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 }, "pref_job_reassignment_label": { "type": "Typography.Text", "label": "Job Reassignment", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "pref_job_reassignment_inapp": { "type": "Switch", "label": "In-App", "description": null, "bind": "state.preferences.job_reassignment.in_app", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.job_reassignment.in_app", "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 }, "pref_job_reassignment_email": { "type": "Switch", "label": "Email", "description": null, "bind": "state.preferences.job_reassignment.email", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.job_reassignment.email", "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 }, "pref_status_change_section": { "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", "padding": "12px 0", "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 }, "pref_status_change_label": { "type": "Typography.Text", "label": "Status Change", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "pref_status_change_inapp": { "type": "Switch", "label": "In-App", "description": null, "bind": "state.preferences.status_change.in_app", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.status_change.in_app", "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 }, "pref_status_change_email": { "type": "Switch", "label": "Email", "description": null, "bind": "state.preferences.status_change.email", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.status_change.email", "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 }, "pref_mention_section": { "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", "padding": "12px 0", "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 }, "pref_mention_label": { "type": "Typography.Text", "label": "@Mention in Comment", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "pref_mention_inapp": { "type": "Switch", "label": "In-App", "description": null, "bind": "state.preferences.mention.in_app", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.mention.in_app", "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 }, "pref_mention_email": { "type": "Switch", "label": "Email", "description": null, "bind": "state.preferences.mention.email", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.mention.email", "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 }, "pref_due_soon_section": { "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", "padding": "12px 0", "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 }, "pref_due_soon_label": { "type": "Typography.Text", "label": "Job Due Within 24 Hours", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "pref_due_soon_inapp": { "type": "Switch", "label": "In-App", "description": null, "bind": "state.preferences.due_soon.in_app", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.due_soon.in_app", "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 }, "pref_due_soon_email": { "type": "Switch", "label": "Email", "description": null, "bind": "state.preferences.due_soon.email", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.due_soon.email", "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 }, "pref_overdue_section": { "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", "padding": "12px 0", "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 }, "pref_overdue_label": { "type": "Typography.Text", "label": "Overdue Job Alert", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "pref_overdue_inapp": { "type": "Switch", "label": "In-App", "description": null, "bind": "state.preferences.overdue.in_app", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.overdue.in_app", "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 }, "pref_overdue_email": { "type": "Switch", "label": "Email", "description": null, "bind": "state.preferences.overdue.email", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.overdue.email", "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 }, "pref_completion_section": { "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", "padding": "12px 0", "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 }, "pref_completion_label": { "type": "Typography.Text", "label": "Job Completion", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "pref_completion_inapp": { "type": "Switch", "label": "In-App", "description": null, "bind": "state.preferences.job_completion.in_app", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.job_completion.in_app", "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 }, "pref_completion_email": { "type": "Switch", "label": "Email", "description": null, "bind": "state.preferences.job_completion.email", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.job_completion.email", "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 }, "pref_cancellation_section": { "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", "padding": "12px 0", "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 }, "pref_cancellation_label": { "type": "Typography.Text", "label": "Job Cancellation", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": 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 }, "pref_cancellation_inapp": { "type": "Switch", "label": "In-App", "description": null, "bind": "state.preferences.job_cancellation.in_app", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.job_cancellation.in_app", "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 }, "pref_cancellation_email": { "type": "Switch", "label": "Email", "description": null, "bind": "state.preferences.job_cancellation.email", "onClick": "togglePreference", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "checked": "$state.preferences.job_cancellation.email", "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 }, "drawer_footer": { "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": "flex-end", "gap": "8px", "paddingTop": "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 }, "cancel_preferences_button": { "type": "Button", "label": "Cancel", "description": null, "bind": null, "onClick": "closePreferencesDrawer", "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 }, "save_preferences_button": { "type": "Button", "label": "Save Preferences", "description": null, "bind": null, "onClick": "savePreferences", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary" }, "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_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": { "borderRadius": "6px" }, "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_card", "preferences_drawer" ], "page_header": [ "header_left", "header_actions" ], "header_left": [ "page_title", "unread_badge" ], "header_actions": [ "mark_all_read_button", "preferences_button" ], "content_card": [ "filter_tabs", "notification_list" ], "notification_list": [ "notification_item" ], "notification_item": [ "notification_icon", "notification_content", "unread_indicator" ], "notification_content": [ "notification_message", "notification_timestamp" ], "preferences_drawer": [ "preferences_form", "drawer_footer" ], "preferences_form": [ "pref_job_assignment_section", "pref_job_reassignment_section", "pref_status_change_section", "pref_mention_section", "pref_due_soon_section", "pref_overdue_section", "pref_completion_section", "pref_cancellation_section" ], "pref_job_assignment_section": [ "pref_job_assignment_label", "pref_job_assignment_inapp", "pref_job_assignment_email" ], "pref_job_reassignment_section": [ "pref_job_reassignment_label", "pref_job_reassignment_inapp", "pref_job_reassignment_email" ], "pref_status_change_section": [ "pref_status_change_label", "pref_status_change_inapp", "pref_status_change_email" ], "pref_mention_section": [ "pref_mention_label", "pref_mention_inapp", "pref_mention_email" ], "pref_due_soon_section": [ "pref_due_soon_label", "pref_due_soon_inapp", "pref_due_soon_email" ], "pref_overdue_section": [ "pref_overdue_label", "pref_overdue_inapp", "pref_overdue_email" ], "pref_completion_section": [ "pref_completion_label", "pref_completion_inapp", "pref_completion_email" ], "pref_cancellation_section": [ "pref_cancellation_label", "pref_cancellation_inapp", "pref_cancellation_email" ], "drawer_footer": [ "cancel_preferences_button", "save_preferences_button" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_left": { "type": "horizontal", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "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_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 }, "notification_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": 4, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "preferences_form": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "pref_job_assignment_section": { "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 }, "pref_job_reassignment_section": { "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 }, "pref_status_change_section": { "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 }, "pref_mention_section": { "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 }, "pref_due_soon_section": { "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 }, "pref_overdue_section": { "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 }, "pref_completion_section": { "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 }, "pref_cancellation_section": { "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 }, "drawer_footer": { "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 }, "preferences_drawer": { "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": "center", "size_hint": "full-width", "z_layer": "base", "notes": "Full page notification center" }, { "zone_id": "drawer_zone", "component": "preferences_drawer", "anchor": "bottom-right", "size_hint": "480px", "z_layer": "overlay", "notes": "Preferences drawer 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 }