{ "page_ir": { "page_id": "dashboard", "page_goal": "Main landing page displaying role-appropriate dashboard with job statistics, overdue jobs, recent activity, charts, and assigned jobs table", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "informational with status-based color coding" }, "accessibility": { "required_labels": [ "stat_cards", "overdue_jobs", "jobs_due_soon", "recent_activity", "charts", "my_assigned_jobs", "sidebar_navigation" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "sidebar collapses on small screens", "stat cards stack vertically on mobile", "charts stack vertically on tablet" ], "hidden_on_small": [ "completion_trend_chart", "priority_pie_chart" ], "stack_on_small": [] }, "constraints": [ "Role-based visibility via appContext.currentUser.role", "Clicking any job navigates to job detail" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "jobs": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "jobsTotal": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "jobStatuses": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "jobPriorities": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "myAssignedJobs": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "jobHistory": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "sidebarCollapsed": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "newJobsCount": { "type": "number", "expr": "state.jobs.filter(j => j.job_status_id === state.jobStatuses.find(s => s.name === 'New')?.id).length", "deps": [] }, "assignedJobsCount": { "type": "number", "expr": "state.jobs.filter(j => j.job_status_id === state.jobStatuses.find(s => s.name === 'Assigned')?.id).length", "deps": [] }, "inProgressJobsCount": { "type": "number", "expr": "state.jobs.filter(j => j.job_status_id === state.jobStatuses.find(s => s.name === 'In Progress')?.id).length", "deps": [] }, "pendingReviewJobsCount": { "type": "number", "expr": "state.jobs.filter(j => j.job_status_id === state.jobStatuses.find(s => s.name === 'Pending Review')?.id).length", "deps": [] }, "completedJobsCount": { "type": "number", "expr": "state.jobs.filter(j => j.job_status_id === state.jobStatuses.find(s => s.name === 'Completed')?.id).length", "deps": [] }, "cancelledJobsCount": { "type": "number", "expr": "state.jobs.filter(j => j.job_status_id === state.jobStatuses.find(s => s.name === 'Cancelled')?.id).length", "deps": [] }, "overdueJobsCount": { "type": "number", "expr": "state.jobs.filter(j => j.due_date && new Date(j.due_date) < new Date() && j.completed_at === null).length", "deps": [] }, "jobsDueSoon": { "type": "array", "expr": "state.jobs.filter(j => j.due_date && new Date(j.due_date) > new Date() && new Date(j.due_date) <= new Date(Date.now() + 7*24*60*60*1000) && j.completed_at === null)", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "804b168776534e89b1b9ff35465668d3": { "endpoint_id": "804b168776534e89b1b9ff35465668d3", "module": "Jobs", "endpoint": "/jobs/", "method": "GET", "path_params": {}, "query_params": { "limit": 200, "offset": 0 }, "body": null, "fields": [ "id", "title", "job_status_id", "job_priority_id", "assigned_to_user_id", "department_id", "due_date", "completed_at", "created_at" ], "response_target": "jobs", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "ac621892e54a4d8695ec25367f172621": { "endpoint_id": "ac621892e54a4d8695ec25367f172621", "module": "Jobs", "endpoint": "/jobs/", "method": "GET", "path_params": {}, "query_params": { "limit": 10, "offset": 0, "assigned_to_user_id": "$appContext.currentUser.id" }, "body": null, "fields": [ "id", "title", "job_status_id", "job_priority_id", "due_date" ], "response_target": "myAssignedJobs", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "53c9c149f0574c2ea2195a0372181685": { "endpoint_id": "53c9c149f0574c2ea2195a0372181685", "module": "Job Configuration", "endpoint": "/job-configuration/job-statuses", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0, "is_active": true }, "body": null, "fields": [ "id", "name", "display_order", "is_active" ], "response_target": "jobStatuses", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "59cdc995106b46289761926e563e1f76": { "endpoint_id": "59cdc995106b46289761926e563e1f76", "module": "Job Configuration", "endpoint": "/job-configuration/job-priorities", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0, "is_active": true }, "body": null, "fields": [ "id", "name", "level", "color", "is_active" ], "response_target": "jobPriorities", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "jobs": { "name": "Jobs", "backend_module": "Jobs", "fields": [ "id", "title", "description", "job_type_id", "job_status_id", "job_priority_id", "created_by_user_id", "assigned_to_user_id", "department_id", "team_id", "parent_job_id", "due_date", "started_at", "completed_at", "estimated_hours", "created_at", "updated_at" ], "computed": [], "display_fields": [ "title", "job_status_id", "job_priority_id", "assigned_to_user_id", "due_date" ], "search_fields": [], "filters": [ "job_status_id", "job_priority_id", "assigned_to_user_id", "department_id" ], "default_sort": null, "default_sort_dir": "asc" }, "jobStatuses": { "name": "Job Statuses", "backend_module": "Job Configuration", "fields": [ "id", "name", "description", "display_order", "is_active", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name" ], "search_fields": [], "filters": [ "is_active" ], "default_sort": null, "default_sort_dir": "asc" }, "jobPriorities": { "name": "Job Priorities", "backend_module": "Job Configuration", "fields": [ "id", "name", "level", "color", "is_active", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name", "color", "level" ], "search_fields": [], "filters": [ "is_active" ], "default_sort": null, "default_sort_dir": "asc" }, "jobHistory": { "name": "Job History", "backend_module": "Jobs", "fields": [ "id", "job_id", "user_id", "action_type", "field_name", "old_value", "new_value", "created_at", "updated_at" ], "computed": [], "display_fields": [ "action_type", "field_name", "old_value", "new_value", "created_at" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "toggleSidebar": { "type": "mutation", "updates": [ { "target": "state.sidebarCollapsed", "expr": "!state.sidebarCollapsed" } ], "description": "" } }, "actions": { "71e68ab891a9450698c284f9fcc07268": { "action_id": "71e68ab891a9450698c284f9fcc07268", "trigger": "row_click", "target_component_id": "my_assigned_jobs_table", "operation": "custom", "description": "", "payload": { "jobId": "$row.id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "appContext.selectedJobId", "expr": "$row.id" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/jobs/$row.id" } } ], "then": null, "catch": null, "data_action": null }, "fb4e5ca002ed4b8fac5f06fc45d4fff2": { "action_id": "fb4e5ca002ed4b8fac5f06fc45d4fff2", "trigger": "button_click", "target_component_id": "nav_jobs", "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": "/jobs" } } ], "then": null, "catch": null, "data_action": null }, "0b3bf0ca8c264b699454f84cb9c82bd9": { "action_id": "0b3bf0ca8c264b699454f84cb9c82bd9", "trigger": "button_click", "target_component_id": "nav_departments", "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": "/departments" } } ], "then": null, "catch": null, "data_action": null }, "e9f0f73bd8ff4c0caef198cbe9143bfb": { "action_id": "e9f0f73bd8ff4c0caef198cbe9143bfb", "trigger": "button_click", "target_component_id": "nav_reports", "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": "/reports" } } ], "then": null, "catch": null, "data_action": null }, "5f2df9309d294589893c6bb17ac3fae4": { "action_id": "5f2df9309d294589893c6bb17ac3fae4", "trigger": "button_click", "target_component_id": "nav_notifications", "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": "/notifications" } } ], "then": null, "catch": null, "data_action": null }, "bbacf7917bee454385b37811ac55b62f": { "action_id": "bbacf7917bee454385b37811ac55b62f", "trigger": "button_click", "target_component_id": "nav_configuration", "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": "/configuration" } } ], "then": null, "catch": null, "data_action": null }, "736b97fdbf674a42a5b51d965e1726cb": { "action_id": "736b97fdbf674a42a5b51d965e1726cb", "trigger": "button_click", "target_component_id": "nav_dashboard", "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": { "71e68ab891a9450698c284f9fcc07268": { "action_id": "71e68ab891a9450698c284f9fcc07268", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "fb4e5ca002ed4b8fac5f06fc45d4fff2": { "action_id": "fb4e5ca002ed4b8fac5f06fc45d4fff2", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "0b3bf0ca8c264b699454f84cb9c82bd9": { "action_id": "0b3bf0ca8c264b699454f84cb9c82bd9", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "e9f0f73bd8ff4c0caef198cbe9143bfb": { "action_id": "e9f0f73bd8ff4c0caef198cbe9143bfb", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "5f2df9309d294589893c6bb17ac3fae4": { "action_id": "5f2df9309d294589893c6bb17ac3fae4", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "bbacf7917bee454385b37811ac55b62f": { "action_id": "bbacf7917bee454385b37811ac55b62f", "loading_indicator": "none", "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "736b97fdbf674a42a5b51d965e1726cb": { "action_id": "736b97fdbf674a42a5b51d965e1726cb", "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_layout": { "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%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sidebar": { "type": "Layout.Sider", "label": "Sidebar Navigation", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "collapsible": true, "collapsed": "$state.sidebarCollapsed", "theme": "light", "width": 220 }, "dynamic_props": {}, "styles": { "borderRight": "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 }, "sidebar_logo": { "type": "Typography.Title", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 4, "content": "Job Manager" }, "dynamic_props": {}, "styles": { "padding": "16px", "margin": 0, "textAlign": "center" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sidebar_menu": { "type": "Menu", "label": "Navigation Menu", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "inline", "selectedKeys": [ "dashboard" ], "items": [ { "key": "dashboard", "icon": "DashboardOutlined", "label": "Dashboard" }, { "key": "jobs", "icon": "ProjectOutlined", "label": "Jobs" }, { "key": "departments", "icon": "ApartmentOutlined", "label": "Departments" }, { "key": "reports", "icon": "BarChartOutlined", "label": "Reports" }, { "key": "notifications", "icon": "BellOutlined", "label": "Notifications" }, { "key": "configuration", "icon": "SettingOutlined", "label": "Configuration" } ] }, "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 }, "nav_dashboard": { "type": "Menu.Item", "label": "Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "dashboard", "icon": "DashboardOutlined" }, "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 }, "nav_jobs": { "type": "Menu.Item", "label": "Jobs", "description": null, "bind": null, "onClick": "navigateToJobs", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "jobs", "icon": "ProjectOutlined" }, "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 }, "nav_departments": { "type": "Menu.Item", "label": "Departments", "description": null, "bind": null, "onClick": "navigateToDepartments", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "departments", "icon": "ApartmentOutlined" }, "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 }, "nav_reports": { "type": "Menu.Item", "label": "Reports", "description": null, "bind": null, "onClick": "navigateToReports", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "reports", "icon": "BarChartOutlined" }, "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 }, "nav_notifications": { "type": "Menu.Item", "label": "Notifications", "description": null, "bind": null, "onClick": "navigateToNotifications", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "notifications", "icon": "BellOutlined" }, "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 }, "nav_configuration": { "type": "Menu.Item", "label": "Configuration", "description": null, "bind": null, "onClick": "navigateToConfiguration", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "configuration", "icon": "SettingOutlined" }, "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_layout": { "type": "Layout", "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 }, "page_header": { "type": "Layout.Header", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "background": "#fff", "padding": "0 24px", "display": "flex", "alignItems": "center", "justifyContent": "space-between", "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 }, "header_title": { "type": "Typography.Title", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 3, "content": "Dashboard" }, "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_user_info": { "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 }, "notification_badge": { "type": "Badge", "label": "Notifications", "description": null, "bind": "appContext.unreadNotificationCount", "onClick": "navigateToNotifications", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "count": "$appContext.unreadNotificationCount", "icon": "BellOutlined" }, "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 }, "user_avatar": { "type": "Avatar", "label": "User Avatar", "description": null, "bind": "appContext.currentUser", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "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 }, "content_area": { "type": "Layout.Content", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "24px", "background": "#f5f5f5", "overflow": "auto" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_cards_row": { "type": "Row", "label": "Job Status Statistics", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ] }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_new": { "type": "Card", "label": "New Jobs", "description": null, "bind": "derived.newJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "borderLeft": "4px solid #1677ff" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_new_content": { "type": "Statistic", "label": null, "description": null, "bind": "derived.newJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "New", "valueStyle": { "color": "#1677ff" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_assigned": { "type": "Card", "label": "Assigned Jobs", "description": null, "bind": "derived.assignedJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "borderLeft": "4px solid #722ed1" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_assigned_content": { "type": "Statistic", "label": null, "description": null, "bind": "derived.assignedJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Assigned", "valueStyle": { "color": "#722ed1" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_in_progress": { "type": "Card", "label": "In Progress Jobs", "description": null, "bind": "derived.inProgressJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "borderLeft": "4px solid #fa8c16" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_in_progress_content": { "type": "Statistic", "label": null, "description": null, "bind": "derived.inProgressJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "In Progress", "valueStyle": { "color": "#fa8c16" } }, "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 }, "stat_card_pending_review": { "type": "Card", "label": "Pending Review Jobs", "description": null, "bind": "derived.pendingReviewJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "borderLeft": "4px solid #13c2c2" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_pending_review_content": { "type": "Statistic", "label": null, "description": null, "bind": "derived.pendingReviewJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Pending Review", "valueStyle": { "color": "#13c2c2" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_completed": { "type": "Card", "label": "Completed Jobs", "description": null, "bind": "derived.completedJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "borderLeft": "4px solid #52c41a" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_completed_content": { "type": "Statistic", "label": null, "description": null, "bind": "derived.completedJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Completed", "valueStyle": { "color": "#52c41a" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_cancelled": { "type": "Card", "label": "Cancelled Jobs", "description": null, "bind": "derived.cancelledJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "borderLeft": "4px solid #8c8c8c" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_cancelled_content": { "type": "Statistic", "label": null, "description": null, "bind": "derived.cancelledJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Cancelled", "valueStyle": { "color": "#8c8c8c" } }, "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 }, "stat_card_overdue": { "type": "Card", "label": "Overdue Jobs", "description": null, "bind": "derived.overdueJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "borderLeft": "4px solid #ff4d4f", "background": "#fff2f0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_card_overdue_content": { "type": "Statistic", "label": null, "description": null, "bind": "derived.overdueJobsCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Overdue", "valueStyle": { "color": "#ff4d4f" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "middle_section_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ] }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "jobs_due_soon_card": { "type": "Card", "label": "Jobs Due Soon", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Jobs Due Soon (Next 7 Days)", "size": "default" }, "dynamic_props": {}, "styles": { "height": "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 }, "jobs_due_soon_list": { "type": "List", "label": null, "description": null, "bind": "derived.jobsDueSoon", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small", "dataSource": "$derived.jobsDueSoon", "renderItem": { "fields": [ "title", "assigned_to_user_id", "due_date", "job_priority_id" ] } }, "dynamic_props": {}, "styles": { "maxHeight": "300px", "overflow": "auto" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "recent_activity_card": { "type": "Card", "label": "Recent Activity", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Recent Activity", "size": "default" }, "dynamic_props": {}, "styles": { "height": "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 }, "recent_activity_timeline": { "type": "Timeline", "label": null, "description": null, "bind": "state.jobHistory", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "left" }, "dynamic_props": {}, "styles": { "maxHeight": "300px", "overflow": "auto" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "charts_section_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ] }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "status_bar_chart_card": { "type": "Card", "label": "Jobs by Status", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Jobs by Status Distribution" }, "dynamic_props": {}, "styles": { "height": "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 }, "status_bar_chart": { "type": "Chart.Bar", "label": null, "description": null, "bind": "state.jobs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xField": "status", "yField": "count", "height": 250 }, "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 }, "completion_trend_card": { "type": "Card", "label": "Completion Trend", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Job Completion Trend" }, "dynamic_props": {}, "styles": { "height": "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 }, "completion_trend_chart": { "type": "Chart.Line", "label": null, "description": null, "bind": "state.jobs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xField": "date", "yField": "completedCount", "height": 250 }, "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 }, "priority_pie_chart_card": { "type": "Card", "label": "Jobs by Priority", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Jobs by Priority" }, "dynamic_props": {}, "styles": { "height": "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 }, "priority_pie_chart": { "type": "Chart.Pie", "label": null, "description": null, "bind": "state.jobs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "angleField": "count", "colorField": "priority", "height": 250 }, "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 }, "my_jobs_section": { "type": "Card", "label": "My Assigned Jobs", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "My Assigned Jobs" }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "my_assigned_jobs_table": { "type": "Table", "label": "My Assigned Jobs Table", "description": null, "bind": "state.myAssignedJobs", "onClick": "navigateToJobDetail", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small", "pagination": false, "columns": [ { "title": "Title", "dataIndex": "title", "key": "title" }, { "title": "Priority", "dataIndex": "job_priority_id", "key": "job_priority_id", "render": "tag" }, { "title": "Status", "dataIndex": "job_status_id", "key": "job_status_id", "render": "badge" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date", "render": "date" } ], "rowKey": "id", "onRow": "navigateToJobDetail" }, "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_layout", "children": { "main_layout": [ "sidebar", "content_layout" ], "sidebar": [ "sidebar_logo", "sidebar_menu" ], "sidebar_menu": [ "nav_dashboard", "nav_jobs", "nav_departments", "nav_reports", "nav_notifications", "nav_configuration" ], "content_layout": [ "page_header", "content_area" ], "page_header": [ "header_title", "header_user_info" ], "header_user_info": [ "notification_badge", "user_avatar" ], "content_area": [ "stat_cards_row", "middle_section_row", "charts_section_row", "my_jobs_section" ], "stat_cards_row": [ "stat_card_new", "stat_card_assigned", "stat_card_in_progress", "stat_card_pending_review", "stat_card_completed", "stat_card_cancelled", "stat_card_overdue" ], "stat_card_new": [ "stat_card_new_content" ], "stat_card_assigned": [ "stat_card_assigned_content" ], "stat_card_in_progress": [ "stat_card_in_progress_content" ], "stat_card_pending_review": [ "stat_card_pending_review_content" ], "stat_card_completed": [ "stat_card_completed_content" ], "stat_card_cancelled": [ "stat_card_cancelled_content" ], "stat_card_overdue": [ "stat_card_overdue_content" ], "middle_section_row": [ "jobs_due_soon_card", "recent_activity_card" ], "jobs_due_soon_card": [ "jobs_due_soon_list" ], "recent_activity_card": [ "recent_activity_timeline" ], "charts_section_row": [ "status_bar_chart_card", "completion_trend_card", "priority_pie_chart_card" ], "status_bar_chart_card": [ "status_bar_chart" ], "completion_trend_card": [ "completion_trend_chart" ], "priority_pie_chart_card": [ "priority_pie_chart" ], "my_jobs_section": [ "my_assigned_jobs_table" ] }, "layout": { "main_layout": { "type": "horizontal", "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 }, "sidebar": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "content_layout": { "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_user_info": { "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 }, "content_area": { "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 }, "stat_cards_row": { "type": "grid", "gap": 16, "padding": null, "columns": 4, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "middle_section_row": { "type": "grid", "gap": 16, "padding": null, "columns": 2, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "charts_section_row": { "type": "grid", "gap": 16, "padding": null, "columns": 3, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "stat_card_new": { "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 }, "stat_card_assigned": { "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 }, "stat_card_in_progress": { "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 }, "stat_card_pending_review": { "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 }, "stat_card_completed": { "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 }, "stat_card_cancelled": { "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 }, "stat_card_overdue": { "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 }, "jobs_due_soon_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 }, "recent_activity_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 }, "status_bar_chart_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 }, "completion_trend_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 }, "priority_pie_chart_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 }, "my_jobs_section": { "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": "sidebar_zone", "component": "sidebar", "anchor": "top-left", "size_hint": "220px", "z_layer": "base", "notes": "Fixed sidebar navigation" }, { "zone_id": "content_zone", "component": "content_area", "anchor": "center", "size_hint": "full-width", "z_layer": "base", "notes": "Main scrollable content area" } ], "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 }