{ "page_ir": { "page_id": "reports", "page_goal": "Reporting and analytics page allowing users to generate, view, export, and save predefined and custom reports with visual charts and tabular data", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "informational" }, "accessibility": { "required_labels": [ "Date Range", "Department", "Job Type", "Status", "Priority", "Report Name", "Report Type" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1440 }, "collapse_rules": [ "metric_cards_wrap_on_small", "charts_stack_vertically_on_md" ], "hidden_on_small": [ "saved_reports_sidebar" ], "stack_on_small": [] }, "constraints": [ "Reports limited to 10000 rows", "Users can only generate reports for departments they have access to" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "reports": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "reportsTotal": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "reportMetrics": { "type": "object", "initial": { "totalJobs": 0, "completionRate": 0, "avgCompletionTime": 0, "onTimeRate": 0, "overduePercentage": 0 }, "required": false, "constraints": {}, "item_type": null }, "filterDateRange": { "type": "array", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterDepartmentId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterJobTypeId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterStatusIds": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "filterPriorityIds": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "jobs": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "jobsTotal": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "departments": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "jobTypes": { "type": "array", "initial": [], "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 }, "savedReports": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "savedReportsTotal": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "saveModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "createModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "activeTab": { "type": "string", "initial": "results", "required": false, "constraints": {}, "item_type": null }, "selectedReportId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null } }, "derived": { "completionRateDisplay": { "type": "string", "expr": "reportMetrics.completionRate + '%'", "deps": [] }, "avgCompletionTimeDisplay": { "type": "string", "expr": "reportMetrics.avgCompletionTime + ' hrs'", "deps": [] }, "onTimeRateDisplay": { "type": "string", "expr": "reportMetrics.onTimeRate + '%'", "deps": [] }, "overdueDisplay": { "type": "string", "expr": "reportMetrics.overduePercentage + '%'", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "cc949e97a9d046acaf4ec576b53f6a02": { "endpoint_id": "cc949e97a9d046acaf4ec576b53f6a02", "module": "Reports", "endpoint": "/reports/", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0, "generated_by_user_id": "$state.appContext.currentUser?.id" }, "body": null, "fields": [ "id", "name", "report_type", "generated_at", "export_format", "parameters" ], "response_target": "savedReports", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "42b452afe1f24517a1080eaf4411cae7": { "endpoint_id": "42b452afe1f24517a1080eaf4411cae7", "module": "Jobs", "endpoint": "/jobs/", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0, "job_status_id": "$state.filterStatusIds", "job_priority_id": "$state.filterPriorityIds", "department_id": "$state.filterDepartmentId" }, "body": null, "fields": [ "id", "title", "job_status_id", "job_priority_id", "assigned_to_user_id", "department_id", "due_date", "completed_at", "started_at", "estimated_hours", "created_at" ], "response_target": "jobs", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c4c6e99fb1dc4d0184b84feb9fd224f3": { "endpoint_id": "c4c6e99fb1dc4d0184b84feb9fd224f3", "module": "Organization", "endpoint": "/organization/departments", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "name" ], "response_target": "departments", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "ebb7354f9eed465ba56ff5225a1cd741": { "endpoint_id": "ebb7354f9eed465ba56ff5225a1cd741", "module": "Job Configuration", "endpoint": "/job-configuration/job-types", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0, "is_active": true }, "body": null, "fields": [ "id", "name" ], "response_target": "jobTypes", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "190f15fd388e4faba41cee6aab65e640": { "endpoint_id": "190f15fd388e4faba41cee6aab65e640", "module": "Job Configuration", "endpoint": "/job-configuration/job-statuses", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0, "is_active": true }, "body": null, "fields": [ "id", "name", "display_order" ], "response_target": "jobStatuses", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "aa955816c22f4ffcbcd762be1dcf9682": { "endpoint_id": "aa955816c22f4ffcbcd762be1dcf9682", "module": "Job Configuration", "endpoint": "/job-configuration/job-priorities", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0, "is_active": true }, "body": null, "fields": [ "id", "name", "level", "color" ], "response_target": "jobPriorities", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a77fa1fd54b642b09fead554fb6eb090": { "endpoint_id": "a77fa1fd54b642b09fead554fb6eb090", "module": "Reports", "endpoint": "/reports/", "method": "POST", "path_params": {}, "query_params": {}, "body": null, "fields": [ "id", "name", "report_type", "parameters", "export_format", "generated_at", "generated_by_user_id" ], "response_target": "a77fa1fd54b642b09fead554fb6eb090_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "4d95c675f30c409daa81cd889a3810e5": { "endpoint_id": "4d95c675f30c409daa81cd889a3810e5", "module": "Reports", "endpoint": "/reports/{report_id}", "method": "DELETE", "path_params": { "report_id": "$state.selectedReportId" }, "query_params": {}, "body": null, "fields": [], "response_target": "deleteReport_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "report": { "name": "Report", "backend_module": "Reports", "fields": [ "id", "name", "description", "report_type", "parameters", "file_path", "export_format", "generated_at", "generated_by_user_id", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name", "report_type", "generated_at", "export_format" ], "search_fields": [], "filters": [ "report_type", "generated_by_user_id" ], "default_sort": null, "default_sort_dir": "asc" }, "job": { "name": "Job", "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", "completed_at" ], "search_fields": [], "filters": [ "job_status_id", "job_priority_id", "department_id", "assigned_to_user_id" ], "default_sort": null, "default_sort_dir": "asc" }, "department": { "name": "Department", "backend_module": "Organization", "fields": [ "id", "name", "description", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "jobType": { "name": "Job Type", "backend_module": "Job Configuration", "fields": [ "id", "name", "description", "is_active", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name" ], "search_fields": [], "filters": [ "is_active" ], "default_sort": null, "default_sort_dir": "asc" }, "jobStatus": { "name": "Job Status", "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" }, "jobPriority": { "name": "Job Priority", "backend_module": "Job Configuration", "fields": [ "id", "name", "level", "color", "is_active", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name", "color" ], "search_fields": [], "filters": [ "is_active" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.filterDateRange", "expr": "event.value" } ], "description": "" }, "onDepartmentChange": { "type": "mutation", "updates": [ { "target": "state.filterDepartmentId", "expr": "event.value" } ], "description": "" }, "onJobTypeChange": { "type": "mutation", "updates": [ { "target": "state.filterJobTypeId", "expr": "event.value" } ], "description": "" }, "onStatusChange": { "type": "mutation", "updates": [ { "target": "state.filterStatusIds", "expr": "event.value" } ], "description": "" }, "onPriorityChange": { "type": "mutation", "updates": [ { "target": "state.filterPriorityIds", "expr": "event.value" } ], "description": "" }, "onTabChange": { "type": "mutation", "updates": [ { "target": "state.activeTab", "expr": "event.value" } ], "description": "" }, "openSaveModal": { "type": "mutation", "updates": [ { "target": "state.saveModalVisible", "expr": "true" } ], "description": "" }, "closeSaveModal": { "type": "mutation", "updates": [ { "target": "state.saveModalVisible", "expr": "false" } ], "description": "" }, "openCreateModal": { "type": "mutation", "updates": [ { "target": "state.createModalVisible", "expr": "true" } ], "description": "" }, "closeCreateModal": { "type": "mutation", "updates": [ { "target": "state.createModalVisible", "expr": "false" } ], "description": "" } }, "actions": { "54e5350f75fe47e683e617f819308741": { "action_id": "54e5350f75fe47e683e617f819308741", "trigger": "button_click", "target_component_id": "generate_report_btn", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.loading", "expr": "true" } ], "api_endpoint": "42b452afe1f24517a1080eaf4411cae7", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Report generated successfully", "type": "success" } } ], "then": null, "catch": null, "data_action": null }, "78c0bbe6f2a14396a89250fb8bc4f4bf": { "action_id": "78c0bbe6f2a14396a89250fb8bc4f4bf", "trigger": "form_submit", "target_component_id": "save_report_modal", "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\": \"name\", \"message\": \"Report name is required\", \"rule_id\": \"val_report_name\", \"type\": \"required\"}", "message": "{\"field\": \"name\", \"message\": \"Report name is required\", \"rule_id\": \"val_report_name\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"report_type\", \"message\": \"Report type is required\", \"rule_id\": \"val_report_type\", \"type\": \"required\"}", "message": "{\"field\": \"report_type\", \"message\": \"Report type is required\", \"rule_id\": \"val_report_type\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.saveModalVisible", "expr": "false" } ], "api_endpoint": "a77fa1fd54b642b09fead554fb6eb090", "api_body": "{ name: formValues.name, description: formValues.description, report_type: formValues.report_type, parameters: { dateRange: state.filterDateRange, departmentId: state.filterDepartmentId, jobTypeId: state.filterJobTypeId, statusIds: state.filterStatusIds, priorityIds: state.filterPriorityIds }, generated_by_user_id: appContext.currentUser?.id }", "side_effects": [ { "type": "toast", "config": { "message": "Report saved successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "savedReports" } } ], "then": null, "catch": null, "data_action": null }, "a77fa1fd54b642b09fead554fb6eb090": { "action_id": "a77fa1fd54b642b09fead554fb6eb090", "trigger": "form_submit", "target_component_id": "create_report_modal", "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\": \"name\", \"message\": \"Report name is required\", \"rule_id\": \"val_create_name\", \"type\": \"required\"}", "message": "{\"field\": \"name\", \"message\": \"Report name is required\", \"rule_id\": \"val_create_name\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"report_type\", \"message\": \"Report type is required\", \"rule_id\": \"val_create_type\", \"type\": \"required\"}", "message": "{\"field\": \"report_type\", \"message\": \"Report type is required\", \"rule_id\": \"val_create_type\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.createModalVisible", "expr": "false" } ], "api_endpoint": "a77fa1fd54b642b09fead554fb6eb090", "api_body": "{ name: formValues.name, description: formValues.description, report_type: formValues.report_type, parameters: formValues.parameters, export_format: formValues.export_format, generated_by_user_id: appContext.currentUser?.id }", "side_effects": [ { "type": "toast", "config": { "message": "Report created successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "savedReports" } } ], "then": null, "catch": null, "data_action": null }, "5f544561f2e0450eac29c6e7ef86a740": { "action_id": "5f544561f2e0450eac29c6e7ef86a740", "trigger": "button_click", "target_component_id": "saved_reports_table", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.loading", "expr": "true" }, { "target": "state.selectedReportId", "expr": "event.record.id" } ], "api_endpoint": "42b452afe1f24517a1080eaf4411cae7", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Running saved report...", "type": "info" } } ], "then": null, "catch": null, "data_action": null }, "3528627daaeb498d86c9eb44e4aa5b0f": { "action_id": "3528627daaeb498d86c9eb44e4aa5b0f", "trigger": "button_click", "target_component_id": "saved_reports_table", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "4d95c675f30c409daa81cd889a3810e5", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Report deleted", "type": "success" } }, { "type": "refresh", "config": { "target": "savedReports" } } ], "then": null, "catch": null, "data_action": null }, "694bb5dfa88d4b9da1c21ff3c53c135d": { "action_id": "694bb5dfa88d4b9da1c21ff3c53c135d", "trigger": "button_click", "target_component_id": "export_pdf_btn", "operation": "custom", "description": "", "payload": { "format": "pdf" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "download", "config": { "format": "pdf", "filename": "report.pdf" } } ], "then": null, "catch": null, "data_action": null }, "6c898c1fcd3f44d69ca6a22ff3438413": { "action_id": "6c898c1fcd3f44d69ca6a22ff3438413", "trigger": "button_click", "target_component_id": "export_excel_btn", "operation": "custom", "description": "", "payload": { "format": "xlsx" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "download", "config": { "format": "xlsx", "filename": "report.xlsx" } } ], "then": null, "catch": null, "data_action": null }, "8c9091ed59794865ab9fbff09b054d6c": { "action_id": "8c9091ed59794865ab9fbff09b054d6c", "trigger": "button_click", "target_component_id": "export_csv_btn", "operation": "custom", "description": "", "payload": { "format": "csv" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "download", "config": { "format": "csv", "filename": "report.csv" } } ], "then": null, "catch": null, "data_action": null }, "d80186fca69f49bb81a46d0ffaa8ab08": { "action_id": "d80186fca69f49bb81a46d0ffaa8ab08", "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": { "54e5350f75fe47e683e617f819308741": { "action_id": "54e5350f75fe47e683e617f819308741", "loading_indicator": "spinner", "loading_text": null, "success_message": "Report generated successfully", "error_message": "Failed to generate report", "ui_updates": [ "state.loading = false" ] }, "78c0bbe6f2a14396a89250fb8bc4f4bf": { "action_id": "78c0bbe6f2a14396a89250fb8bc4f4bf", "loading_indicator": "spinner", "loading_text": null, "success_message": "Report saved successfully", "error_message": "Failed to save report", "ui_updates": [] }, "a77fa1fd54b642b09fead554fb6eb090": { "action_id": "a77fa1fd54b642b09fead554fb6eb090", "loading_indicator": "spinner", "loading_text": null, "success_message": "Report created successfully", "error_message": "Failed to create report", "ui_updates": [] }, "5f544561f2e0450eac29c6e7ef86a740": { "action_id": "5f544561f2e0450eac29c6e7ef86a740", "loading_indicator": "spinner", "loading_text": null, "success_message": "Report run completed", "error_message": "Failed to run report", "ui_updates": [ "state.loading = false" ] }, "3528627daaeb498d86c9eb44e4aa5b0f": { "action_id": "3528627daaeb498d86c9eb44e4aa5b0f", "loading_indicator": "spinner", "loading_text": null, "success_message": "Report deleted", "error_message": "Failed to delete report", "ui_updates": [] }, "694bb5dfa88d4b9da1c21ff3c53c135d": { "action_id": "694bb5dfa88d4b9da1c21ff3c53c135d", "loading_indicator": "spinner", "loading_text": null, "success_message": "PDF exported", "error_message": "Export failed", "ui_updates": [] }, "6c898c1fcd3f44d69ca6a22ff3438413": { "action_id": "6c898c1fcd3f44d69ca6a22ff3438413", "loading_indicator": "spinner", "loading_text": null, "success_message": "Excel exported", "error_message": "Export failed", "ui_updates": [] }, "8c9091ed59794865ab9fbff09b054d6c": { "action_id": "8c9091ed59794865ab9fbff09b054d6c", "loading_indicator": "spinner", "loading_text": null, "success_message": "CSV exported", "error_message": "Export failed", "ui_updates": [] }, "d80186fca69f49bb81a46d0ffaa8ab08": { "action_id": "d80186fca69f49bb81a46d0ffaa8ab08", "loading_indicator": null, "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%", "background": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "24px 24px 0 24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "header_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "justify": "space-between", "align": "middle" }, "dynamic_props": {}, "styles": { "marginBottom": "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": "Reports & Analytics", "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": "Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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_report_btn": { "type": "Button", "label": "Create Report", "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 }, "metric_cards_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": { "padding": "0 24px", "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 }, "metric_total_jobs_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 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 }, "metric_total_jobs_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "metric_total_jobs_statistic": { "type": "Statistic", "label": "Total Jobs", "description": null, "bind": "reportMetrics.totalJobs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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 }, "metric_completion_rate_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 5 }, "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 }, "metric_completion_rate_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "metric_completion_rate_statistic": { "type": "Statistic", "label": "Completion Rate", "description": null, "bind": "completionRateDisplay", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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 }, "metric_avg_time_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 5 }, "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 }, "metric_avg_time_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "metric_avg_time_statistic": { "type": "Statistic", "label": "Avg Completion Time", "description": null, "bind": "avgCompletionTimeDisplay", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "valueStyle": { "color": "#faad14" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "metric_on_time_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 5 }, "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 }, "metric_on_time_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "metric_on_time_statistic": { "type": "Statistic", "label": "On-Time Rate", "description": null, "bind": "onTimeRateDisplay", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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 }, "metric_overdue_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8, "lg": 5 }, "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 }, "metric_overdue_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "metric_overdue_statistic": { "type": "Statistic", "label": "Overdue", "description": null, "bind": "overdueDisplay", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "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 }, "filter_panel_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Filters", "size": "small" }, "dynamic_props": {}, "styles": { "margin": "0 24px 24px 24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "inline" }, "dynamic_props": {}, "styles": { "flexWrap": "wrap", "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 }, "filter_date_range": { "type": "DatePicker.RangePicker", "label": "Date Range", "description": null, "bind": "filterDateRange", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": [ "Start Date", "End Date" ] }, "dynamic_props": {}, "styles": { "minWidth": "240px" }, "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_department": { "type": "Select", "label": "Department", "description": null, "bind": "filterDepartmentId", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Departments", "allowClear": true, "options": "departments.map(d => ({label: d.name, value: d.id}))" }, "dynamic_props": {}, "styles": { "minWidth": "180px" }, "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_job_type": { "type": "Select", "label": "Job Type", "description": null, "bind": "filterJobTypeId", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "All Job Types", "allowClear": true, "options": "jobTypes.map(jt => ({label: jt.name, value: jt.id}))" }, "dynamic_props": {}, "styles": { "minWidth": "180px" }, "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_status": { "type": "Select", "label": "Status", "description": null, "bind": "filterStatusIds", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "multiple", "placeholder": "All Statuses", "allowClear": true, "options": "jobStatuses.map(s => ({label: s.name, value: s.id}))" }, "dynamic_props": {}, "styles": { "minWidth": "200px" }, "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_priority": { "type": "Select", "label": "Priority", "description": null, "bind": "filterPriorityIds", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "multiple", "placeholder": "All Priorities", "allowClear": true, "options": "jobPriorities.map(p => ({label: p.name, value: p.id}))" }, "dynamic_props": {}, "styles": { "minWidth": "200px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "generate_report_btn": { "type": "Button", "label": "Generate Report", "description": null, "bind": null, "onClick": "generateReport", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "BarChartOutlined", "loading": "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 }, "content_area": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "0 24px 24px 24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "content_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 24, 24 ] }, "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 }, "results_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 18 }, "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 }, "results_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "results_tabs": { "type": "Tabs", "label": null, "description": null, "bind": "activeTab", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "key": "results", "label": "Data Table" }, { "key": "charts", "label": "Charts" } ] }, "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 }, "results_table": { "type": "Table", "label": null, "description": null, "bind": "jobs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Title", "dataIndex": "title", "key": "title", "sorter": true }, { "title": "Status", "dataIndex": "job_status_id", "key": "job_status_id", "sorter": true }, { "title": "Priority", "dataIndex": "job_priority_id", "key": "job_priority_id", "sorter": true }, { "title": "Assigned To", "dataIndex": "assigned_to_user_id", "key": "assigned_to_user_id" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date", "sorter": true }, { "title": "Completed", "dataIndex": "completed_at", "key": "completed_at", "sorter": true } ], "pagination": { "pageSize": 20 }, "rowKey": "id", "loading": "loading", "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 }, "charts_container": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "16px 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 }, "charts_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": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "chart_bar_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "md": 12 }, "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 }, "chart_bar_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Jobs by Status", "size": "small" }, "dynamic_props": {}, "styles": { "height": "320px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "chart_bar_placeholder": { "type": "div", "label": "Bar Chart - Jobs by Status", "description": null, "bind": "jobs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "data-chart-type": "bar", "data-group-by": "job_status_id" }, "dynamic_props": {}, "styles": { "height": "240px", "display": "flex", "alignItems": "center", "justifyContent": "center", "background": "#fafafa", "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 }, "chart_pie_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "md": 12 }, "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 }, "chart_pie_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Jobs by Priority", "size": "small" }, "dynamic_props": {}, "styles": { "height": "320px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "chart_pie_placeholder": { "type": "div", "label": "Pie Chart - Jobs by Priority", "description": null, "bind": "jobs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "data-chart-type": "pie", "data-group-by": "job_priority_id" }, "dynamic_props": {}, "styles": { "height": "240px", "display": "flex", "alignItems": "center", "justifyContent": "center", "background": "#fafafa", "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 }, "chart_line_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24 }, "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 }, "chart_line_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Completion Trends Over Time", "size": "small" }, "dynamic_props": {}, "styles": { "height": "320px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "chart_line_placeholder": { "type": "div", "label": "Line Chart - Completion Trends", "description": null, "bind": "jobs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "data-chart-type": "line", "data-x-axis": "completed_at" }, "dynamic_props": {}, "styles": { "height": "240px", "display": "flex", "alignItems": "center", "justifyContent": "center", "background": "#fafafa", "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 }, "export_actions_row": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "wrap": true }, "dynamic_props": {}, "styles": { "marginTop": "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 }, "export_pdf_btn": { "type": "Button", "label": "Export PDF", "description": null, "bind": null, "onClick": "exportPdf", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "FilePdfOutlined" }, "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 }, "export_excel_btn": { "type": "Button", "label": "Export Excel", "description": null, "bind": null, "onClick": "exportExcel", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "FileExcelOutlined" }, "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 }, "export_csv_btn": { "type": "Button", "label": "Export CSV", "description": null, "bind": null, "onClick": "exportCsv", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "FileTextOutlined" }, "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_report_btn": { "type": "Button", "label": "Save Report", "description": null, "bind": null, "onClick": "openSaveModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "icon": "SaveOutlined" }, "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 }, "saved_reports_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "lg": 6 }, "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 }, "saved_reports_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Saved Reports", "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 }, "saved_reports_table": { "type": "Table", "label": null, "description": null, "bind": "savedReports", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "columns": [ { "title": "Name", "dataIndex": "name", "key": "name", "ellipsis": true }, { "title": "Generated", "dataIndex": "generated_at", "key": "generated_at" }, { "title": "Actions", "key": "actions", "render": "actions" } ], "pagination": { "pageSize": 10 }, "rowKey": "id", "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 }, "save_report_modal": { "type": "Modal", "label": "Save Report", "description": null, "bind": "saveModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Save Report Configuration", "okText": "Save", "cancelText": "Cancel" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "save_report_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "save_report_name_input": { "type": "Input", "label": "Report Name", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter report name" }, "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_report_description_input": { "type": "Input.TextArea", "label": "Description", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Optional description", "rows": 3 }, "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_report_modal": { "type": "Modal", "label": "Create Report", "description": null, "bind": "createModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Create New Report", "okText": "Create", "cancelText": "Cancel", "width": 640 }, "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_report_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_report_name": { "type": "Input", "label": "Report Name", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter report name" }, "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_report_type": { "type": "Select", "label": "Report Type", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select report type", "options": [ { "label": "Jobs by Status", "value": "jobs_by_status" }, { "label": "Jobs by Priority", "value": "jobs_by_priority" }, { "label": "Completion Rate", "value": "completion_rate" }, { "label": "Average Completion Time", "value": "avg_completion_time" }, { "label": "Overdue Analysis", "value": "overdue_analysis" }, { "label": "Team Performance", "value": "team_performance" } ] }, "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_report_description": { "type": "Input.TextArea", "label": "Description", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Optional description", "rows": 3 }, "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_report_date_range": { "type": "DatePicker.RangePicker", "label": "Date Range", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": [ "Start Date", "End Date" ] }, "dynamic_props": {}, "styles": { "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_report_format": { "type": "Select", "label": "Export Format", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select format", "options": [ { "label": "PDF", "value": "pdf" }, { "label": "Excel", "value": "xlsx" }, { "label": "CSV", "value": "csv" } ] }, "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", "metric_cards_row", "filter_panel_card", "content_area", "save_report_modal", "create_report_modal" ], "page_header": [ "header_row" ], "header_row": [ "page_title", "header_actions" ], "header_actions": [ "back_to_dashboard_btn", "create_report_btn" ], "metric_cards_row": [ "metric_total_jobs_col", "metric_completion_rate_col", "metric_avg_time_col", "metric_on_time_col", "metric_overdue_col" ], "metric_total_jobs_col": [ "metric_total_jobs_card" ], "metric_total_jobs_card": [ "metric_total_jobs_statistic" ], "metric_completion_rate_col": [ "metric_completion_rate_card" ], "metric_completion_rate_card": [ "metric_completion_rate_statistic" ], "metric_avg_time_col": [ "metric_avg_time_card" ], "metric_avg_time_card": [ "metric_avg_time_statistic" ], "metric_on_time_col": [ "metric_on_time_card" ], "metric_on_time_card": [ "metric_on_time_statistic" ], "metric_overdue_col": [ "metric_overdue_card" ], "metric_overdue_card": [ "metric_overdue_statistic" ], "filter_panel_card": [ "filter_form" ], "filter_form": [ "filter_date_range", "filter_department", "filter_job_type", "filter_status", "filter_priority", "generate_report_btn" ], "content_area": [ "content_row" ], "content_row": [ "results_col", "saved_reports_col" ], "results_col": [ "results_card" ], "results_card": [ "results_tabs", "results_table", "charts_container", "export_actions_row" ], "charts_container": [ "charts_row" ], "charts_row": [ "chart_bar_col", "chart_pie_col", "chart_line_col" ], "chart_bar_col": [ "chart_bar_card" ], "chart_bar_card": [ "chart_bar_placeholder" ], "chart_pie_col": [ "chart_pie_card" ], "chart_pie_card": [ "chart_pie_placeholder" ], "chart_line_col": [ "chart_line_card" ], "chart_line_card": [ "chart_line_placeholder" ], "export_actions_row": [ "export_pdf_btn", "export_excel_btn", "export_csv_btn", "save_report_btn" ], "saved_reports_col": [ "saved_reports_card" ], "saved_reports_card": [ "saved_reports_table" ], "save_report_modal": [ "save_report_form" ], "save_report_form": [ "save_report_name_input", "save_report_description_input" ], "create_report_modal": [ "create_report_form" ], "create_report_form": [ "create_report_name", "create_report_type", "create_report_description", "create_report_date_range", "create_report_format" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_row": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_actions": { "type": "horizontal", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "metric_cards_row": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filter_panel_card": { "type": "vertical", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filter_form": { "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 }, "content_row": { "type": "horizontal", "gap": 24, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "results_col": { "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 }, "results_card": { "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 }, "charts_container": { "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 }, "charts_row": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "export_actions_row": { "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 }, "saved_reports_col": { "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 }, "saved_reports_card": { "type": "vertical", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "save_report_modal": { "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 }, "save_report_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 }, "create_report_modal": { "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 }, "create_report_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": "center", "size_hint": "full-width", "z_layer": "base", "notes": "Main page layout container" }, { "zone_id": "save_modal_zone", "component": "save_report_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Save report modal overlay" }, { "zone_id": "create_modal_zone", "component": "create_report_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create report 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 }