{ "page_ir": { "page_id": "job_list", "page_goal": "Primary job listing page displaying all jobs in a data table with filtering, searching, sorting, pagination, and CRUD operations including bulk actions", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with color-coded status and priority badges" }, "accessibility": { "required_labels": [ "search_input", "status_filter", "priority_filter", "assignee_filter", "department_filter", "job_type_filter", "date_range_filter", "create_job_button" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "filter_bar collapses to drawer on small screens", "table columns reduce on medium screens" ], "hidden_on_small": [ "created_date_column", "department_column" ], "stack_on_small": [] }, "constraints": [ "pagination at 25 items per page", "bulk actions toolbar appears on row selection" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "jobs": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "jobsTotal": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "currentPage": { "type": "number", "initial": 1, "required": false, "constraints": {}, "item_type": null }, "pageSize": { "type": "number", "initial": 25, "required": false, "constraints": {}, "item_type": null }, "activeStatusTab": { "type": "string", "initial": "all", "required": false, "constraints": {}, "item_type": null }, "searchText": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterStatus": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterPriority": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterAssignee": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterDepartment": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterJobType": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterDateRange": { "type": "array", "initial": null, "required": false, "constraints": {}, "item_type": null }, "sortField": { "type": "string", "initial": "created_at", "required": false, "constraints": {}, "item_type": null }, "sortOrder": { "type": "string", "initial": "descend", "required": false, "constraints": {}, "item_type": null }, "selectedRowKeys": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "createDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "editingJob": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "deleteConfirmVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "deletingJobId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "bulkActionModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "bulkActionType": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "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 }, "users": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "departments": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "tags": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null } }, "derived": { "hasSelectedRows": { "type": "boolean", "expr": "state.selectedRowKeys.length > 0", "deps": [] }, "selectedCount": { "type": "number", "expr": "state.selectedRowKeys.length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "a11f27872fcd4286b27d44ea7ae69ada": { "endpoint_id": "a11f27872fcd4286b27d44ea7ae69ada", "module": "Jobs", "endpoint": "/jobs/", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.pageSize", "offset": "(state.currentPage - 1) * state.pageSize", "job_status_id": "$state.filterStatus", "job_priority_id": "$state.filterPriority", "assigned_to_user_id": "$state.filterAssignee", "department_id": "$state.filterDepartment", "team_id": null }, "body": null, "fields": [ "id", "title", "description", "job_type_id", "job_status_id", "job_priority_id", "assigned_to_user_id", "department_id", "due_date", "created_at" ], "response_target": "jobs", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "fe4d992324a1440280e23c70045b2574": { "endpoint_id": "fe4d992324a1440280e23c70045b2574", "module": "Job Configuration", "endpoint": "/job-configuration/job-types", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "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 }, "ddcadf4dfb45488ab21e5f5a384342b7": { "endpoint_id": "ddcadf4dfb45488ab21e5f5a384342b7", "module": "Job Configuration", "endpoint": "/job-configuration/job-statuses", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "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 }, "af50ac15c226424c935838886f5adf46": { "endpoint_id": "af50ac15c226424c935838886f5adf46", "module": "Job Configuration", "endpoint": "/job-configuration/job-priorities", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "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 }, "a5dd7004f079407b854f14b387089882": { "endpoint_id": "a5dd7004f079407b854f14b387089882", "module": "Users", "endpoint": "/users/", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "is_active": true }, "body": null, "fields": [ "id", "first_name", "last_name", "email" ], "response_target": "users", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "6f4a07accea1456086c1c835bd78ca4f": { "endpoint_id": "6f4a07accea1456086c1c835bd78ca4f", "module": "Organization", "endpoint": "/organization/departments", "method": "GET", "path_params": {}, "query_params": { "limit": 100 }, "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 }, "94ae75f44b0f4847a340cf9bc09511f2": { "endpoint_id": "94ae75f44b0f4847a340cf9bc09511f2", "module": "Job Configuration", "endpoint": "/job-configuration/tags", "method": "GET", "path_params": {}, "query_params": { "limit": 100 }, "body": null, "fields": [ "id", "name", "color" ], "response_target": "tags", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "d044d59f5a1644e9b1d90eabec7d8265": { "endpoint_id": "d044d59f5a1644e9b1d90eabec7d8265", "module": "Jobs", "endpoint": "/jobs/", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "title", "job_status_id", "job_priority_id", "assigned_to_user_id", "due_date", "created_at" ], "response_target": "createJob_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "add4ae407dee46eeaae6b99de1cafaa7": { "endpoint_id": "add4ae407dee46eeaae6b99de1cafaa7", "module": "Jobs", "endpoint": "/jobs/{job_id}", "method": "PATCH", "path_params": { "job_id": "$state.editingJob.id" }, "query_params": {}, "body": {}, "fields": [ "id", "title", "job_status_id", "job_priority_id", "assigned_to_user_id", "due_date", "created_at" ], "response_target": "updateJob_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "176034b6c4d94367a770129263e26fea": { "endpoint_id": "176034b6c4d94367a770129263e26fea", "module": "Jobs", "endpoint": "/jobs/{job_id}", "method": "DELETE", "path_params": { "job_id": "$state.deletingJobId" }, "query_params": {}, "body": null, "fields": [], "response_target": "deleteJob_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "5aae6bc6bca4488fb31eacd768269c66": { "endpoint_id": "5aae6bc6bca4488fb31eacd768269c66", "module": "Jobs", "endpoint": "/jobs/{job_id}/status", "method": "POST", "path_params": { "job_id": "$iteratedJobId" }, "query_params": {}, "body": {}, "fields": [], "response_target": "bulkStatusUpdate_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "d61d809febb44daba125641df6d1adbd": { "endpoint_id": "d61d809febb44daba125641df6d1adbd", "module": "Jobs", "endpoint": "/jobs/{job_id}/assign", "method": "POST", "path_params": { "job_id": "$iteratedJobId" }, "query_params": {}, "body": {}, "fields": [], "response_target": "bulkAssign_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "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": [ "id", "title", "job_status_id", "job_priority_id", "assigned_to_user_id", "due_date", "created_at" ], "search_fields": [], "filters": [ "job_status_id", "job_priority_id", "assigned_to_user_id", "department_id", "job_type_id" ], "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": [ "id", "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": [ "id", "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": [ "id", "name", "color" ], "search_fields": [], "filters": [ "is_active" ], "default_sort": null, "default_sort_dir": "asc" }, "user": { "name": "User", "backend_module": "Users", "fields": [ "id", "email", "first_name", "last_name", "role", "department_id", "phone", "is_active", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "first_name", "last_name" ], "search_fields": [], "filters": [ "is_active", "department_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": [ "id", "name" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "tag": { "name": "Tag", "backend_module": "Job Configuration", "fields": [ "id", "name", "color", "usage_count", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "name", "color" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onSearchChange": { "type": "mutation", "updates": [ { "target": "state.searchText", "expr": "event.target.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onStatusTabChange": { "type": "mutation", "updates": [ { "target": "state.activeStatusTab", "expr": "event" }, { "target": "state.filterStatus", "expr": "event === 'all' ? null : event" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onFilterStatusChange": { "type": "mutation", "updates": [ { "target": "state.filterStatus", "expr": "value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onFilterPriorityChange": { "type": "mutation", "updates": [ { "target": "state.filterPriority", "expr": "value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onFilterAssigneeChange": { "type": "mutation", "updates": [ { "target": "state.filterAssignee", "expr": "value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onFilterDepartmentChange": { "type": "mutation", "updates": [ { "target": "state.filterDepartment", "expr": "value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onFilterJobTypeChange": { "type": "mutation", "updates": [ { "target": "state.filterJobType", "expr": "value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onFilterDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.filterDateRange", "expr": "value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onPageChange": { "type": "mutation", "updates": [ { "target": "state.currentPage", "expr": "page" } ], "description": "" }, "onRowSelectionChange": { "type": "mutation", "updates": [ { "target": "state.selectedRowKeys", "expr": "selectedRowKeys" } ], "description": "" }, "onOpenCreateDrawer": { "type": "mutation", "updates": [ { "target": "state.createDrawerVisible", "expr": "true" } ], "description": "" }, "onCloseCreateDrawer": { "type": "mutation", "updates": [ { "target": "state.createDrawerVisible", "expr": "false" } ], "description": "" }, "onOpenEditDrawer": { "type": "mutation", "updates": [ { "target": "state.editDrawerVisible", "expr": "true" }, { "target": "state.editingJob", "expr": "record" } ], "description": "" }, "onCloseEditDrawer": { "type": "mutation", "updates": [ { "target": "state.editDrawerVisible", "expr": "false" }, { "target": "state.editingJob", "expr": "null" } ], "description": "" }, "onOpenDeleteConfirm": { "type": "mutation", "updates": [ { "target": "state.deleteConfirmVisible", "expr": "true" }, { "target": "state.deletingJobId", "expr": "jobId" } ], "description": "" }, "onCloseDeleteConfirm": { "type": "mutation", "updates": [ { "target": "state.deleteConfirmVisible", "expr": "false" }, { "target": "state.deletingJobId", "expr": "null" } ], "description": "" }, "onOpenBulkActionModal": { "type": "mutation", "updates": [ { "target": "state.bulkActionModalVisible", "expr": "true" }, { "target": "state.bulkActionType", "expr": "actionType" } ], "description": "" }, "onCloseBulkActionModal": { "type": "mutation", "updates": [ { "target": "state.bulkActionModalVisible", "expr": "false" }, { "target": "state.bulkActionType", "expr": "null" } ], "description": "" } }, "actions": { "e8de4700fbb847d59cce50e74f128e8e": { "action_id": "e8de4700fbb847d59cce50e74f128e8e", "trigger": "form_submit", "target_component_id": "create_job_drawer", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"title\", \"message\": \"Title is required\", \"rule_id\": \"val_title\", \"type\": \"required\"}", "message": "{\"field\": \"title\", \"message\": \"Title is required\", \"rule_id\": \"val_title\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"title\", \"message\": \"Title must be at least 5 characters\", \"rule_id\": \"val_title_min\", \"type\": \"min_length\", \"value\": 5}", "message": "{\"field\": \"title\", \"message\": \"Title must be at least 5 characters\", \"rule_id\": \"val_title_min\", \"type\": \"min_length\", \"value\": 5}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"description\", \"message\": \"Description is required\", \"rule_id\": \"val_description\", \"type\": \"required\"}", "message": "{\"field\": \"description\", \"message\": \"Description is required\", \"rule_id\": \"val_description\", \"type\": \"required\"}" }, { "rule_id": "val_3", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"job_type_id\", \"message\": \"Job type is required\", \"rule_id\": \"val_job_type\", \"type\": \"required\"}", "message": "{\"field\": \"job_type_id\", \"message\": \"Job type is required\", \"rule_id\": \"val_job_type\", \"type\": \"required\"}" }, { "rule_id": "val_4", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"job_priority_id\", \"message\": \"Priority is required\", \"rule_id\": \"val_priority\", \"type\": \"required\"}", "message": "{\"field\": \"job_priority_id\", \"message\": \"Priority is required\", \"rule_id\": \"val_priority\", \"type\": \"required\"}" }, { "rule_id": "val_5", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"department_id\", \"message\": \"Department is required\", \"rule_id\": \"val_department\", \"type\": \"required\"}", "message": "{\"field\": \"department_id\", \"message\": \"Department is required\", \"rule_id\": \"val_department\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.createDrawerVisible", "expr": "false" } ], "api_endpoint": "d044d59f5a1644e9b1d90eabec7d8265", "api_body": "{ title: formValues.title, description: formValues.description, job_type_id: formValues.job_type_id, job_priority_id: formValues.job_priority_id, job_status_id: formValues.job_status_id, department_id: formValues.department_id, assigned_to_user_id: formValues.assigned_to_user_id, due_date: formValues.due_date, estimated_hours: formValues.estimated_hours, created_by_user_id: appContext.currentUser?.id }", "side_effects": [ { "type": "toast", "config": { "message": "Job created successfully!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchJobs" } } ], "then": null, "catch": null, "data_action": null }, "64ed835b36464c7786baae392e62f5e8": { "action_id": "64ed835b36464c7786baae392e62f5e8", "trigger": "form_submit", "target_component_id": "edit_job_drawer", "operation": "update", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"title\", \"message\": \"Title is required\", \"rule_id\": \"val_edit_title\", \"type\": \"required\"}", "message": "{\"field\": \"title\", \"message\": \"Title is required\", \"rule_id\": \"val_edit_title\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"title\", \"message\": \"Title must be at least 5 characters\", \"rule_id\": \"val_edit_title_min\", \"type\": \"min_length\", \"value\": 5}", "message": "{\"field\": \"title\", \"message\": \"Title must be at least 5 characters\", \"rule_id\": \"val_edit_title_min\", \"type\": \"min_length\", \"value\": 5}" } ], "validation_messages": {}, "updates": [ { "target": "state.editDrawerVisible", "expr": "false" }, { "target": "state.editingJob", "expr": "null" } ], "api_endpoint": "add4ae407dee46eeaae6b99de1cafaa7", "api_body": "{ title: formValues.title, description: formValues.description, job_type_id: formValues.job_type_id, job_priority_id: formValues.job_priority_id, job_status_id: formValues.job_status_id, department_id: formValues.department_id, assigned_to_user_id: formValues.assigned_to_user_id, due_date: formValues.due_date, estimated_hours: formValues.estimated_hours }", "side_effects": [ { "type": "toast", "config": { "message": "Job updated successfully!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchJobs" } } ], "then": null, "catch": null, "data_action": null }, "a43b899c8e914210a25d82bca714459a": { "action_id": "a43b899c8e914210a25d82bca714459a", "trigger": "button_click", "target_component_id": "delete_confirm_modal", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.deleteConfirmVisible", "expr": "false" }, { "target": "state.deletingJobId", "expr": "null" } ], "api_endpoint": "176034b6c4d94367a770129263e26fea", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Job deleted successfully!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchJobs" } } ], "then": null, "catch": null, "data_action": null }, "ac0f7d2d88dd4844a2109d8499ce9156": { "action_id": "ac0f7d2d88dd4844a2109d8499ce9156", "trigger": "button_click", "target_component_id": "jobs_table", "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/:jobId" } } ], "then": null, "catch": null, "data_action": null }, "a36f65aa28d74fd5b9b4c79116327de7": { "action_id": "a36f65aa28d74fd5b9b4c79116327de7", "trigger": "button_click", "target_component_id": "bulk_action_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.bulkActionModalVisible", "expr": "false" }, { "target": "state.selectedRowKeys", "expr": "[]" } ], "api_endpoint": "5aae6bc6bca4488fb31eacd768269c66", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Bulk status update completed!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchJobs" } } ], "then": null, "catch": null, "data_action": null }, "b4307d9388d742a2b277663b0e83369f": { "action_id": "b4307d9388d742a2b277663b0e83369f", "trigger": "button_click", "target_component_id": "bulk_action_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.bulkActionModalVisible", "expr": "false" }, { "target": "state.selectedRowKeys", "expr": "[]" } ], "api_endpoint": "d61d809febb44daba125641df6d1adbd", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Bulk assignment completed!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchJobs" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "e8de4700fbb847d59cce50e74f128e8e": { "action_id": "e8de4700fbb847d59cce50e74f128e8e", "loading_indicator": "spinner", "loading_text": null, "success_message": "Job created successfully!", "error_message": "Failed to create job. Please try again.", "ui_updates": [] }, "64ed835b36464c7786baae392e62f5e8": { "action_id": "64ed835b36464c7786baae392e62f5e8", "loading_indicator": "spinner", "loading_text": null, "success_message": "Job updated successfully!", "error_message": "Failed to update job. Please try again.", "ui_updates": [] }, "a43b899c8e914210a25d82bca714459a": { "action_id": "a43b899c8e914210a25d82bca714459a", "loading_indicator": "spinner", "loading_text": null, "success_message": "Job deleted successfully!", "error_message": "Failed to delete job. Please try again.", "ui_updates": [] }, "ac0f7d2d88dd4844a2109d8499ce9156": { "action_id": "ac0f7d2d88dd4844a2109d8499ce9156", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "a36f65aa28d74fd5b9b4c79116327de7": { "action_id": "a36f65aa28d74fd5b9b4c79116327de7", "loading_indicator": "spinner", "loading_text": null, "success_message": "Bulk status update completed!", "error_message": "Failed to update some jobs. Please try again.", "ui_updates": [] }, "b4307d9388d742a2b277663b0e83369f": { "action_id": "b4307d9388d742a2b277663b0e83369f", "loading_indicator": "spinner", "loading_text": null, "success_message": "Bulk assignment completed!", "error_message": "Failed to assign some jobs. Please try again.", "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#000000", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 6 }, "components": { "main_container": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "padding": "24px", "backgroundColor": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_title": { "type": "Typography.Title", "label": "Jobs", "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 }, "create_job_button": { "type": "Button", "label": "Create Job", "description": null, "bind": null, "onClick": "onOpenCreateDrawer", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "PlusOutlined", "size": "large" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "status_tabs": { "type": "Tabs", "label": null, "description": null, "bind": "state.activeStatusTab", "onClick": "onStatusTabChange", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "card", "items": [ { "key": "all", "label": "All" }, { "key": "new", "label": "New" }, { "key": "assigned", "label": "Assigned" }, { "key": "in_progress", "label": "In Progress" }, { "key": "blocked", "label": "Blocked" }, { "key": "pending_review", "label": "Pending Review" }, { "key": "completed", "label": "Completed" }, { "key": "cancelled", "label": "Cancelled" } ] }, "dynamic_props": {}, "styles": { "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_bar": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 12, 12 ], "align": "middle" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "search_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": 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 }, "search_input": { "type": "Input.Search", "label": "Search jobs", "description": null, "bind": "state.searchText", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by title or description...", "allowClear": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "status_filter_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 12, "sm": 8, "md": 4, "lg": 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 }, "status_filter": { "type": "Select", "label": "Status", "description": null, "bind": "state.filterStatus", "onClick": "onFilterStatusChange", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Status", "allowClear": true, "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "priority_filter_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 12, "sm": 8, "md": 4, "lg": 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 }, "priority_filter": { "type": "Select", "label": "Priority", "description": null, "bind": "state.filterPriority", "onClick": "onFilterPriorityChange", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Priority", "allowClear": true, "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "assignee_filter_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 12, "sm": 8, "md": 4, "lg": 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 }, "assignee_filter": { "type": "Select", "label": "Assignee", "description": null, "bind": "state.filterAssignee", "onClick": "onFilterAssigneeChange", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Assignee", "allowClear": true, "showSearch": true, "optionFilterProp": "label", "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "department_filter_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 12, "sm": 8, "md": 4, "lg": 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 }, "department_filter": { "type": "Select", "label": "Department", "description": null, "bind": "state.filterDepartment", "onClick": "onFilterDepartmentChange", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Department", "allowClear": true, "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "job_type_filter_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 12, "sm": 8, "md": 4, "lg": 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 }, "job_type_filter": { "type": "Select", "label": "Job Type", "description": null, "bind": "state.filterJobType", "onClick": "onFilterJobTypeChange", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Job Type", "allowClear": true, "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "date_range_filter_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": 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 }, "date_range_filter": { "type": "DatePicker.RangePicker", "label": "Due Date Range", "description": null, "bind": "state.filterDateRange", "onClick": "onFilterDateRangeChange", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": [ "Start Date", "End Date" ], "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "bulk_actions_bar": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "alignItems": "center", "gap": "12px", "padding": "12px 16px", "backgroundColor": "#e6f4ff", "borderRadius": "6px", "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "bulk_selected_text": { "type": "Typography.Text", "label": null, "description": null, "bind": "derived.selectedCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "strong": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "bulk_status_button": { "type": "Button", "label": "Update Status", "description": null, "bind": null, "onClick": "onOpenBulkActionModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "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 }, "bulk_assign_button": { "type": "Button", "label": "Assign To", "description": null, "bind": null, "onClick": "onOpenBulkActionModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default", "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 }, "bulk_clear_button": { "type": "Button", "label": "Clear Selection", "description": null, "bind": null, "onClick": "onRowSelectionChange", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "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 }, "jobs_table": { "type": "Table", "label": null, "description": null, "bind": "state.jobs", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "state.loading", "rowSelection": { "selectedRowKeys": "state.selectedRowKeys", "onChange": "onRowSelectionChange" }, "pagination": { "current": "state.currentPage", "pageSize": "state.pageSize", "total": "state.jobsTotal", "onChange": "onPageChange", "showSizeChanger": false, "showTotal": true }, "columns": [ { "title": "Job ID", "dataIndex": "id", "key": "id", "width": 100, "sorter": true, "ellipsis": true }, { "title": "Title", "dataIndex": "title", "key": "title", "sorter": true, "ellipsis": true }, { "title": "Status", "dataIndex": "job_status_id", "key": "job_status_id", "sorter": true, "render": "status_badge" }, { "title": "Priority", "dataIndex": "job_priority_id", "key": "job_priority_id", "sorter": true, "render": "priority_badge" }, { "title": "Assignee", "dataIndex": "assigned_to_user_id", "key": "assigned_to_user_id", "sorter": true, "render": "assignee_avatar" }, { "title": "Due Date", "dataIndex": "due_date", "key": "due_date", "sorter": true, "render": "date_format" }, { "title": "Created", "dataIndex": "created_at", "key": "created_at", "sorter": true, "render": "date_format" }, { "title": "Actions", "key": "actions", "render": "action_buttons", "width": 150, "fixed": "right" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "table_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bodyStyle": { "padding": 0 } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_job_drawer": { "type": "Drawer", "label": "Create New Job", "description": null, "bind": "state.createDrawerVisible", "onClick": "onCloseCreateDrawer", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 720, "placement": "right", "destroyOnClose": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_job_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": "submitCreateJob", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "requiredMark": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_title_field": { "type": "Form.Item", "label": "Title", "description": null, "bind": "title", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "title", "rules": [ { "required": true, "message": "Title is required" }, { "min": 5, "message": "Title must be at least 5 characters" } ] }, "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_title_input": { "type": "Input", "label": null, "description": null, "bind": "title", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter job title", "maxLength": 200 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_description_field": { "type": "Form.Item", "label": "Description", "description": null, "bind": "description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "description", "rules": [ { "required": true, "message": "Description is required" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_description_input": { "type": "Input.TextArea", "label": null, "description": null, "bind": "description", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter job description", "rows": 4, "showCount": true, "maxLength": 5000 }, "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_form_row1": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 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 }, "create_job_type_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "create_job_type_field": { "type": "Form.Item", "label": "Job Type", "description": null, "bind": "job_type_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "job_type_id", "rules": [ { "required": true, "message": "Job type is required" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_job_type_select": { "type": "Select", "label": null, "description": null, "bind": "job_type_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select job type", "options": "state.jobTypes" }, "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_priority_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "create_priority_field": { "type": "Form.Item", "label": "Priority", "description": null, "bind": "job_priority_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "job_priority_id", "rules": [ { "required": true, "message": "Priority is required" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_priority_select": { "type": "Select", "label": null, "description": null, "bind": "job_priority_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select priority", "options": "state.jobPriorities" }, "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_form_row2": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 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 }, "create_due_date_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "create_due_date_field": { "type": "Form.Item", "label": "Due Date", "description": null, "bind": "due_date", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "due_date" }, "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_due_date_picker": { "type": "DatePicker", "label": null, "description": null, "bind": "due_date", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": "100%" }, "placeholder": "Select due date", "showTime": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_assignee_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "create_assignee_field": { "type": "Form.Item", "label": "Assignee", "description": null, "bind": "assigned_to_user_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "assigned_to_user_id" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_assignee_select": { "type": "Select", "label": null, "description": null, "bind": "assigned_to_user_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select assignee", "showSearch": true, "optionFilterProp": "label", "allowClear": true, "options": "state.users" }, "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_form_row3": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 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 }, "create_department_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "create_department_field": { "type": "Form.Item", "label": "Department", "description": null, "bind": "department_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "department_id", "rules": [ { "required": true, "message": "Department is required" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_department_select": { "type": "Select", "label": null, "description": null, "bind": "department_id", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select department", "options": "state.departments" }, "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_tags_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 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 }, "create_tags_field": { "type": "Form.Item", "label": "Tags", "description": null, "bind": "tag_ids", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "tag_ids" }, "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_tags_select": { "type": "Select", "label": null, "description": null, "bind": "tag_ids", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select tags", "mode": "multiple", "options": "state.tags", "allowClear": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_checklist_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "create_checklist_title": { "type": "Typography.Title", "label": "Checklists", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 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 }, "create_checklist_dynamic": { "type": "Form.List", "label": null, "description": null, "bind": "checklists", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "checklists" }, "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_attachment_section": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "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 }, "create_attachment_upload": { "type": "Upload.Dragger", "label": "Attachments", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "multiple": true, "maxCount": 10, "accept": ".pdf,.doc,.docx,.xls,.xlsx,.jpg,.png,.gif,.zip" }, "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_form_actions": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "flex-end", "gap": "12px", "marginTop": "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 }, "create_cancel_button": { "type": "Button", "label": "Cancel", "description": null, "bind": null, "onClick": "onCloseCreateDrawer", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "default" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "create_submit_button": { "type": "Button", "label": "Create Job", "description": null, "bind": null, "onClick": "submitCreateJob", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "htmlType": "submit" }, "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 }, "edit_job_drawer": { "type": "Drawer", "label": "Edit Job", "description": null, "bind": "state.editDrawerVisible", "onClick": "onCloseEditDrawer", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 720, "placement": "right", "destroyOnClose": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "edit_job_form": { "type": "Form", "label": null, "description": null, "bind": "state.editingJob", "onClick": "submitEditJob", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "requiredMark": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "delete_confirm_modal": { "type": "Modal", "label": "Delete Job", "description": null, "bind": "state.deleteConfirmVisible", "onClick": "onCloseDeleteConfirm", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Confirm Deletion", "okText": "Delete", "okButtonProps": { "danger": true }, "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 }, "delete_confirm_text": { "type": "Typography.Text", "label": "Are you sure you want to delete this job? This action cannot be undone.", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "danger" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "bulk_action_modal": { "type": "Modal", "label": "Bulk Action", "description": null, "bind": "state.bulkActionModalVisible", "onClick": "onCloseBulkActionModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Bulk Action", "okText": "Apply", "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 }, "bulk_action_status_select": { "type": "Select", "label": "Select Status", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select new status", "options": "state.jobStatuses", "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "bulk_action_assignee_select": { "type": "Select", "label": "Select Assignee", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select assignee", "showSearch": true, "optionFilterProp": "label", "options": "state.users", "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "status_tabs", "filter_bar", "bulk_actions_bar", "table_card", "create_job_drawer", "edit_job_drawer", "delete_confirm_modal", "bulk_action_modal" ], "page_header": [ "page_title", "create_job_button" ], "filter_bar": [ "filter_row" ], "filter_row": [ "search_col", "status_filter_col", "priority_filter_col", "assignee_filter_col", "department_filter_col", "job_type_filter_col", "date_range_filter_col" ], "search_col": [ "search_input" ], "status_filter_col": [ "status_filter" ], "priority_filter_col": [ "priority_filter" ], "assignee_filter_col": [ "assignee_filter" ], "department_filter_col": [ "department_filter" ], "job_type_filter_col": [ "job_type_filter" ], "date_range_filter_col": [ "date_range_filter" ], "bulk_actions_bar": [ "bulk_selected_text", "bulk_status_button", "bulk_assign_button", "bulk_clear_button" ], "table_card": [ "jobs_table" ], "create_job_drawer": [ "create_job_form" ], "create_job_form": [ "create_title_field", "create_description_field", "create_form_row1", "create_form_row2", "create_form_row3", "create_checklist_section", "create_attachment_section", "create_form_actions" ], "create_title_field": [ "create_title_input" ], "create_description_field": [ "create_description_input" ], "create_form_row1": [ "create_job_type_col", "create_priority_col" ], "create_job_type_col": [ "create_job_type_field" ], "create_job_type_field": [ "create_job_type_select" ], "create_priority_col": [ "create_priority_field" ], "create_priority_field": [ "create_priority_select" ], "create_form_row2": [ "create_due_date_col", "create_assignee_col" ], "create_due_date_col": [ "create_due_date_field" ], "create_due_date_field": [ "create_due_date_picker" ], "create_assignee_col": [ "create_assignee_field" ], "create_assignee_field": [ "create_assignee_select" ], "create_form_row3": [ "create_department_col", "create_tags_col" ], "create_department_col": [ "create_department_field" ], "create_department_field": [ "create_department_select" ], "create_tags_col": [ "create_tags_field" ], "create_tags_field": [ "create_tags_select" ], "create_checklist_section": [ "create_checklist_title", "create_checklist_dynamic" ], "create_attachment_section": [ "create_attachment_upload" ], "create_form_actions": [ "create_cancel_button", "create_submit_button" ], "edit_job_drawer": [ "edit_job_form" ], "delete_confirm_modal": [ "delete_confirm_text" ], "bulk_action_modal": [ "bulk_action_status_select", "bulk_action_assignee_select" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header": { "type": "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_bar": { "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_row": { "type": "grid", "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 }, "bulk_actions_bar": { "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 }, "table_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 }, "create_job_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_form_row1": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "create_form_row2": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "create_form_row3": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "create_checklist_section": { "type": "vertical", "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 }, "create_attachment_section": { "type": "vertical", "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 }, "create_form_actions": { "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 } }, "layout_zones": [ { "zone_id": "main_content", "component": "main_container", "anchor": "center", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container" }, { "zone_id": "create_drawer_zone", "component": "create_job_drawer", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Create job drawer overlay" }, { "zone_id": "edit_drawer_zone", "component": "edit_job_drawer", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Edit job drawer overlay" }, { "zone_id": "delete_modal_zone", "component": "delete_confirm_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Delete confirmation modal" }, { "zone_id": "bulk_modal_zone", "component": "bulk_action_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Bulk action modal" } ], "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 }