{ "page_ir": { "page_id": "appointments", "page_goal": "Complete appointment lifecycle management with calendar and list views, scheduling, check-in, cancellation, rescheduling, completion, and doctor queue management", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "clinical healthcare with status-driven color coding" }, "accessibility": { "required_labels": [ "appointment_form", "calendar_view", "list_view", "search_input", "filter_controls", "doctor_queue" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1440 }, "collapse_rules": [ "calendar_filters_stack_on_small", "table_horizontal_scroll_on_small" ], "hidden_on_small": [ "doctor_queue_panel" ], "stack_on_small": [] }, "constraints": [ "No double-booking for same doctor at same time", "Appointment date cannot be in the past", "Status transitions must follow valid workflow" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "appointments": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "appointmentsTotal": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "departments": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "doctors": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "patients": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "activeView": { "type": "enum", "initial": "list", "required": true, "constraints": { "values": [ "calendar", "list" ] }, "item_type": null }, "calendarMode": { "type": "enum", "initial": "month", "required": false, "constraints": { "values": [ "month", "week", "day" ] }, "item_type": null }, "calendarDate": { "type": "date", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterDepartmentId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterDoctorId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterStatus": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterAppointmentType": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterDateRange": { "type": "array", "initial": null, "required": false, "constraints": {}, "item_type": null }, "searchText": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "quickFilter": { "type": "enum", "initial": "today", "required": false, "constraints": { "values": [ "today", "this_week", "upcoming", "all" ] }, "item_type": null }, "pagination": { "type": "object", "initial": { "limit": 20, "offset": 0 }, "required": false, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "newAppointmentDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "appointmentDetailPopoverVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedAppointmentId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "selectedAppointmentDetail": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "cancelModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "rescheduleModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "doctorQueueVisible": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "checkedInAppointments": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredDoctors": { "type": "array", "expr": "state.filterDepartmentId ? state.doctors.filter(d => d.department_id === state.filterDepartmentId) : state.doctors", "deps": [] }, "queueCount": { "type": "number", "expr": "state.checkedInAppointments.length", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "b1d1410ab64a41af9405daddd4e2c6c1": { "endpoint_id": "b1d1410ab64a41af9405daddd4e2c6c1", "module": "Appointments", "endpoint": "/appointments/", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.pagination.limit", "offset": "$state.pagination.offset", "status": "$state.filterStatus", "appointment_type": "$state.filterAppointmentType", "doctor_id": "$state.filterDoctorId", "department_id": "$state.filterDepartmentId", "appointment_date": "$state.filterDateRange" }, "body": null, "fields": [ "id", "patient_id", "doctor_id", "department_id", "appointment_date", "appointment_time", "duration_minutes", "appointment_type", "status", "reason", "notes", "created_at", "updated_at" ], "response_target": "appointments", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "d01be59694ce4a339b479097c2e89e32": { "endpoint_id": "d01be59694ce4a339b479097c2e89e32", "module": "Appointments", "endpoint": "/appointments/{appointment_id}/details", "method": "GET", "path_params": { "appointment_id": "$state.selectedAppointmentId" }, "query_params": {}, "body": null, "fields": [ "id", "patient_id", "doctor_id", "department_id", "appointment_date", "appointment_time", "duration_minutes", "appointment_type", "status", "reason", "notes", "patient", "doctor", "department" ], "response_target": "selectedAppointmentDetail", "response_transform": null, "trigger": "on_change", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "9f967045aaf64d5c8ac7ceb6a95feafb": { "endpoint_id": "9f967045aaf64d5c8ac7ceb6a95feafb", "module": "Departments", "endpoint": "/departments/", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0 }, "body": null, "fields": [ "id", "name", "description" ], "response_target": "departments", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "7dc4f46c0fcc40d18b2d5e19e299b2f6": { "endpoint_id": "7dc4f46c0fcc40d18b2d5e19e299b2f6", "module": "Users", "endpoint": "/users/", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0, "role": "DOCTOR", "is_active": true }, "body": null, "fields": [ "id", "first_name", "last_name", "department_id", "is_active" ], "response_target": "doctors", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "c02eedea336e4848b54b1c6fdd42f1de": { "endpoint_id": "c02eedea336e4848b54b1c6fdd42f1de", "module": "Patients", "endpoint": "/patients/", "method": "GET", "path_params": {}, "query_params": { "limit": 100, "offset": 0, "search": "$state.searchText" }, "body": null, "fields": [ "id", "patient_number", "first_name", "last_name", "date_of_birth", "gender", "phone" ], "response_target": "patients", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "1b57494159294fa48f2911fc76d31823": { "endpoint_id": "1b57494159294fa48f2911fc76d31823", "module": "Appointments", "endpoint": "/appointments/", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "patient_id", "doctor_id", "department_id", "appointment_date", "appointment_time", "duration_minutes", "appointment_type", "status", "reason", "notes" ], "response_target": "createAppointment_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "8293f69f1e7642a692141ebf668a0be9": { "endpoint_id": "8293f69f1e7642a692141ebf668a0be9", "module": "Appointments", "endpoint": "/appointments/{appointment_id}", "method": "PUT", "path_params": { "appointment_id": "$state.selectedAppointmentId" }, "query_params": {}, "body": {}, "fields": [ "id", "patient_id", "doctor_id", "department_id", "appointment_date", "appointment_time", "duration_minutes", "appointment_type", "status", "reason", "notes" ], "response_target": "updateAppointment_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "fedde38bc9f248f4b0f63138ffc07eee": { "endpoint_id": "fedde38bc9f248f4b0f63138ffc07eee", "module": "Appointments", "endpoint": "/appointments/{appointment_id}/check-in", "method": "POST", "path_params": { "appointment_id": "$state.selectedAppointmentId" }, "query_params": {}, "body": null, "fields": [ "id", "status" ], "response_target": "fedde38bc9f248f4b0f63138ffc07eee_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "37b331fdda6d4fd08a9671b4ded0a2e5": { "endpoint_id": "37b331fdda6d4fd08a9671b4ded0a2e5", "module": "Appointments", "endpoint": "/appointments/{appointment_id}/cancel", "method": "POST", "path_params": { "appointment_id": "$state.selectedAppointmentId" }, "query_params": {}, "body": null, "fields": [ "id", "status" ], "response_target": "cancelAppointment_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "bc8342bd2ab9420e81a8cd3e3c4e76c8": { "endpoint_id": "bc8342bd2ab9420e81a8cd3e3c4e76c8", "module": "Appointments", "endpoint": "/appointments/{appointment_id}/complete", "method": "POST", "path_params": { "appointment_id": "$state.selectedAppointmentId" }, "query_params": {}, "body": null, "fields": [ "id", "status" ], "response_target": "bc8342bd2ab9420e81a8cd3e3c4e76c8_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "46b76f2289764b82a597b7cb3d49d465": { "endpoint_id": "46b76f2289764b82a597b7cb3d49d465", "module": "Appointments", "endpoint": "/appointments/{appointment_id}", "method": "DELETE", "path_params": { "appointment_id": "$state.selectedAppointmentId" }, "query_params": {}, "body": null, "fields": [], "response_target": "deleteAppointment_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "379360b4252143708fffa4c64391ede9": { "endpoint_id": "379360b4252143708fffa4c64391ede9", "module": "Appointments", "endpoint": "/appointments/", "method": "GET", "path_params": {}, "query_params": { "limit": 50, "offset": 0, "status": "CHECKED_IN" }, "body": null, "fields": [ "id", "patient_id", "doctor_id", "appointment_date", "appointment_time", "duration_minutes", "appointment_type", "status" ], "response_target": "checkedInAppointments", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "appointment": { "name": "Appointment", "backend_module": "Appointments", "fields": [ "id", "patient_id", "doctor_id", "department_id", "appointment_date", "appointment_time", "duration_minutes", "appointment_type", "status", "reason", "notes", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "appointment_date", "appointment_time", "duration_minutes", "appointment_type", "status", "reason" ], "search_fields": [ "patient_id" ], "filters": [ "status", "appointment_type", "doctor_id", "department_id", "appointment_date" ], "default_sort": null, "default_sort_dir": "asc" }, "appointmentDetail": { "name": "AppointmentDetail", "backend_module": "Appointments", "fields": [ "id", "patient_id", "doctor_id", "department_id", "appointment_date", "appointment_time", "duration_minutes", "appointment_type", "status", "reason", "notes", "created_at", "updated_at", "patient", "doctor", "department" ], "computed": [], "display_fields": [ "id", "appointment_date", "appointment_time", "status", "reason" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "department": { "name": "Department", "backend_module": "Departments", "fields": [ "id", "name", "description", "created_at", "updated_at" ], "computed": [], "display_fields": [ "name" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "doctor": { "name": "Doctor", "backend_module": "Users", "fields": [ "id", "email", "first_name", "last_name", "role", "phone", "department_id", "is_active", "created_at", "updated_at" ], "computed": [], "display_fields": [ "first_name", "last_name" ], "search_fields": [], "filters": [ "role", "department_id", "is_active" ], "default_sort": null, "default_sort_dir": "asc" }, "patient": { "name": "Patient", "backend_module": "Patients", "fields": [ "id", "patient_number", "first_name", "last_name", "date_of_birth", "gender", "phone", "email" ], "computed": [], "display_fields": [ "first_name", "last_name", "patient_number" ], "search_fields": [ "first_name", "last_name", "patient_number" ], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "switchToCalendarView": { "type": "mutation", "updates": [ { "target": "state.activeView", "expr": "'calendar'" } ], "description": "" }, "switchToListView": { "type": "mutation", "updates": [ { "target": "state.activeView", "expr": "'list'" } ], "description": "" }, "setCalendarMode": { "type": "mutation", "updates": [ { "target": "state.calendarMode", "expr": "payload.mode" } ], "description": "" }, "setFilterDepartment": { "type": "mutation", "updates": [ { "target": "state.filterDepartmentId", "expr": "payload.value" }, { "target": "state.filterDoctorId", "expr": "null" } ], "description": "" }, "setFilterDoctor": { "type": "mutation", "updates": [ { "target": "state.filterDoctorId", "expr": "payload.value" } ], "description": "" }, "setFilterStatus": { "type": "mutation", "updates": [ { "target": "state.filterStatus", "expr": "payload.value" } ], "description": "" }, "setFilterAppointmentType": { "type": "mutation", "updates": [ { "target": "state.filterAppointmentType", "expr": "payload.value" } ], "description": "" }, "setFilterDateRange": { "type": "mutation", "updates": [ { "target": "state.filterDateRange", "expr": "payload.value" } ], "description": "" }, "setSearchText": { "type": "mutation", "updates": [ { "target": "state.searchText", "expr": "payload.value" } ], "description": "" }, "setQuickFilter": { "type": "mutation", "updates": [ { "target": "state.quickFilter", "expr": "payload.value" } ], "description": "" }, "setPagination": { "type": "mutation", "updates": [ { "target": "state.pagination", "expr": "{ limit: payload.pageSize, offset: (payload.current - 1) * payload.pageSize }" } ], "description": "" }, "selectAppointment": { "type": "mutation", "updates": [ { "target": "state.selectedAppointmentId", "expr": "payload.id" }, { "target": "state.appointmentDetailPopoverVisible", "expr": "true" } ], "description": "" }, "closeDetailPopover": { "type": "mutation", "updates": [ { "target": "state.appointmentDetailPopoverVisible", "expr": "false" }, { "target": "state.selectedAppointmentId", "expr": "null" }, { "target": "state.selectedAppointmentDetail", "expr": "null" } ], "description": "" } }, "actions": { "ac86bafde9b74d19a1001bbdb4c30338": { "action_id": "ac86bafde9b74d19a1001bbdb4c30338", "trigger": "button_click", "target_component_id": "new_appointment_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.newAppointmentDrawerVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "59927389b6484bf2ab97f15aa9e0f155": { "action_id": "59927389b6484bf2ab97f15aa9e0f155", "trigger": "button_click", "target_component_id": "new_appointment_drawer", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.newAppointmentDrawerVisible", "expr": "false" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "77c76799307c4e728229b94772e705e1": { "action_id": "77c76799307c4e728229b94772e705e1", "trigger": "form_submit", "target_component_id": "appointment_form", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"patient_id\", \"message\": \"Patient is required\", \"rule_id\": \"val_patient\", \"type\": \"required\"}", "message": "{\"field\": \"patient_id\", \"message\": \"Patient is required\", \"rule_id\": \"val_patient\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"doctor_id\", \"message\": \"Doctor is required\", \"rule_id\": \"val_doctor\", \"type\": \"required\"}", "message": "{\"field\": \"doctor_id\", \"message\": \"Doctor is required\", \"rule_id\": \"val_doctor\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"appointment_date\", \"message\": \"Appointment date is required\", \"rule_id\": \"val_date\", \"type\": \"required\"}", "message": "{\"field\": \"appointment_date\", \"message\": \"Appointment date is required\", \"rule_id\": \"val_date\", \"type\": \"required\"}" }, { "rule_id": "val_3", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"appointment_time\", \"message\": \"Time slot is required\", \"rule_id\": \"val_time\", \"type\": \"required\"}", "message": "{\"field\": \"appointment_time\", \"message\": \"Time slot is required\", \"rule_id\": \"val_time\", \"type\": \"required\"}" }, { "rule_id": "val_4", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"appointment_type\", \"message\": \"Appointment type is required\", \"rule_id\": \"val_type\", \"type\": \"required\"}", "message": "{\"field\": \"appointment_type\", \"message\": \"Appointment type is required\", \"rule_id\": \"val_type\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.newAppointmentDrawerVisible", "expr": "false" } ], "api_endpoint": "1b57494159294fa48f2911fc76d31823", "api_body": "{ patient_id: formValues.patient_id, doctor_id: formValues.doctor_id, department_id: formValues.department_id, appointment_date: formValues.appointment_date, appointment_time: formValues.appointment_time, duration_minutes: formValues.duration_minutes, appointment_type: formValues.appointment_type, status: 'SCHEDULED', reason: formValues.reason, notes: formValues.notes }", "side_effects": [ { "type": "toast", "config": { "message": "Appointment created successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchAppointments" } } ], "then": null, "catch": null, "data_action": null }, "fedde38bc9f248f4b0f63138ffc07eee": { "action_id": "fedde38bc9f248f4b0f63138ffc07eee", "trigger": "button_click", "target_component_id": "checkin_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": "fedde38bc9f248f4b0f63138ffc07eee", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Patient checked in successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchAppointments" } }, { "type": "refresh", "config": { "target": "fetchCheckedInAppointments" } } ], "then": null, "catch": null, "data_action": null }, "d10e7fac9f50418ba3b79ba134b5e18f": { "action_id": "d10e7fac9f50418ba3b79ba134b5e18f", "trigger": "button_click", "target_component_id": "cancel_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.cancelModalVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "bd71f5301e8942bfb89d15effdf6fe1e": { "action_id": "bd71f5301e8942bfb89d15effdf6fe1e", "trigger": "button_click", "target_component_id": "confirm_cancel_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.cancelModalVisible", "expr": "false" }, { "target": "state.appointmentDetailPopoverVisible", "expr": "false" } ], "api_endpoint": "37b331fdda6d4fd08a9671b4ded0a2e5", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Appointment cancelled", "type": "warning" } }, { "type": "refresh", "config": { "target": "fetchAppointments" } } ], "then": null, "catch": null, "data_action": null }, "c3d2ccc16abe40b6bfea34ab224c8063": { "action_id": "c3d2ccc16abe40b6bfea34ab224c8063", "trigger": "button_click", "target_component_id": "reschedule_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.rescheduleModalVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "0b89942ddd874df3bb43a0ed2f266e37": { "action_id": "0b89942ddd874df3bb43a0ed2f266e37", "trigger": "form_submit", "target_component_id": "reschedule_form", "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\": \"appointment_date\", \"message\": \"New date is required\", \"rule_id\": \"val_reschedule_date\", \"type\": \"required\"}", "message": "{\"field\": \"appointment_date\", \"message\": \"New date is required\", \"rule_id\": \"val_reschedule_date\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"appointment_time\", \"message\": \"New time is required\", \"rule_id\": \"val_reschedule_time\", \"type\": \"required\"}", "message": "{\"field\": \"appointment_time\", \"message\": \"New time is required\", \"rule_id\": \"val_reschedule_time\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.rescheduleModalVisible", "expr": "false" }, { "target": "state.appointmentDetailPopoverVisible", "expr": "false" } ], "api_endpoint": "8293f69f1e7642a692141ebf668a0be9", "api_body": "{ appointment_date: formValues.appointment_date, appointment_time: formValues.appointment_time }", "side_effects": [ { "type": "toast", "config": { "message": "Appointment rescheduled successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchAppointments" } } ], "then": null, "catch": null, "data_action": null }, "bc8342bd2ab9420e81a8cd3e3c4e76c8": { "action_id": "bc8342bd2ab9420e81a8cd3e3c4e76c8", "trigger": "button_click", "target_component_id": "complete_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.appointmentDetailPopoverVisible", "expr": "false" } ], "api_endpoint": "bc8342bd2ab9420e81a8cd3e3c4e76c8", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Appointment completed", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchAppointments" } }, { "type": "refresh", "config": { "target": "fetchCheckedInAppointments" } } ], "then": null, "catch": null, "data_action": null }, "79652494f12c4e28a809bd6d8f6f8184": { "action_id": "79652494f12c4e28a809bd6d8f6f8184", "trigger": "button_click", "target_component_id": "export_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "download", "config": { "format": "xlsx", "filename": "appointments_export" } } ], "then": null, "catch": null, "data_action": null }, "8e207b29bf71437985ebfc2a8779f1bc": { "action_id": "8e207b29bf71437985ebfc2a8779f1bc", "trigger": "button_click", "target_component_id": "nav_dashboard", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/" } } ], "then": null, "catch": null, "data_action": null }, "3772dfa7f6ac41baa7a90c14e906fac1": { "action_id": "3772dfa7f6ac41baa7a90c14e906fac1", "trigger": "button_click", "target_component_id": "nav_patients", "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": "/patients" } } ], "then": null, "catch": null, "data_action": null }, "626f6a35468142f2bb5e6dd864735248": { "action_id": "626f6a35468142f2bb5e6dd864735248", "trigger": "button_click", "target_component_id": "nav_clinical", "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": "/clinical" } } ], "then": null, "catch": null, "data_action": null }, "ffc2a9e2158c43aba3ad50884fcee480": { "action_id": "ffc2a9e2158c43aba3ad50884fcee480", "trigger": "button_click", "target_component_id": "nav_billing", "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": "/billing" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "77c76799307c4e728229b94772e705e1": { "action_id": "77c76799307c4e728229b94772e705e1", "loading_indicator": "spinner", "loading_text": null, "success_message": "Appointment created successfully", "error_message": "Failed to create appointment", "ui_updates": [] }, "fedde38bc9f248f4b0f63138ffc07eee": { "action_id": "fedde38bc9f248f4b0f63138ffc07eee", "loading_indicator": "spinner", "loading_text": null, "success_message": "Patient checked in", "error_message": "Failed to check in patient", "ui_updates": [] }, "bd71f5301e8942bfb89d15effdf6fe1e": { "action_id": "bd71f5301e8942bfb89d15effdf6fe1e", "loading_indicator": "spinner", "loading_text": null, "success_message": "Appointment cancelled", "error_message": "Failed to cancel appointment", "ui_updates": [] }, "0b89942ddd874df3bb43a0ed2f266e37": { "action_id": "0b89942ddd874df3bb43a0ed2f266e37", "loading_indicator": "spinner", "loading_text": null, "success_message": "Appointment rescheduled", "error_message": "Failed to reschedule appointment", "ui_updates": [] }, "bc8342bd2ab9420e81a8cd3e3c4e76c8": { "action_id": "bc8342bd2ab9420e81a8cd3e3c4e76c8", "loading_indicator": "spinner", "loading_text": null, "success_message": "Appointment completed", "error_message": "Failed to complete appointment", "ui_updates": [] }, "79652494f12c4e28a809bd6d8f6f8184": { "action_id": "79652494f12c4e28a809bd6d8f6f8184", "loading_indicator": "spinner", "loading_text": null, "success_message": "Export started", "error_message": "Export failed", "ui_updates": [] }, "ac86bafde9b74d19a1001bbdb4c30338": { "action_id": "ac86bafde9b74d19a1001bbdb4c30338", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "59927389b6484bf2ab97f15aa9e0f155": { "action_id": "59927389b6484bf2ab97f15aa9e0f155", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "d10e7fac9f50418ba3b79ba134b5e18f": { "action_id": "d10e7fac9f50418ba3b79ba134b5e18f", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "c3d2ccc16abe40b6bfea34ab224c8063": { "action_id": "c3d2ccc16abe40b6bfea34ab224c8063", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "8e207b29bf71437985ebfc2a8779f1bc": { "action_id": "8e207b29bf71437985ebfc2a8779f1bc", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "3772dfa7f6ac41baa7a90c14e906fac1": { "action_id": "3772dfa7f6ac41baa7a90c14e906fac1", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "626f6a35468142f2bb5e6dd864735248": { "action_id": "626f6a35468142f2bb5e6dd864735248", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "ffc2a9e2158c43aba3ad50884fcee480": { "action_id": "ffc2a9e2158c43aba3ad50884fcee480", "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 }, "app_sider": { "type": "Layout.Sider", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 220, "collapsible": true, "theme": "light" }, "dynamic_props": {}, "styles": { "borderRight": "1px solid #f0f0f0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sider_logo": { "type": "Typography.Title", "label": "HMS", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 4 }, "dynamic_props": {}, "styles": { "padding": "16px 24px", "margin": 0, "color": "#1677ff" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "nav_menu": { "type": "Menu", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "inline", "selectedKeys": [ "appointments" ], "items": [ { "key": "dashboard", "label": "Dashboard", "icon": "DashboardOutlined" }, { "key": "patients", "label": "Patients", "icon": "TeamOutlined" }, { "key": "appointments", "label": "Appointments", "icon": "CalendarOutlined" }, { "key": "clinical", "label": "Clinical", "icon": "MedicineBoxOutlined" }, { "key": "billing", "label": "Billing & Reports", "icon": "DollarOutlined" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "nav_dashboard": { "type": "Menu.Item", "label": "Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "dashboard" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "nav_patients": { "type": "Menu.Item", "label": "Patients", "description": null, "bind": null, "onClick": "navigateToPatients", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "patients" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "nav_clinical": { "type": "Menu.Item", "label": "Clinical", "description": null, "bind": null, "onClick": "navigateToClinical", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "clinical" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "nav_billing": { "type": "Menu.Item", "label": "Billing & Reports", "description": null, "bind": null, "onClick": "navigateToBilling", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "billing" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "content_layout": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "16px 24px", "background": "#fff", "borderBottom": "1px solid #f0f0f0", "display": "flex", "justifyContent": "space-between", "alignItems": "center" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_title": { "type": "Typography.Title", "label": "Appointments & Scheduling", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 3 }, "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": { "size": "middle" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "new_appointment_button": { "type": "Button", "label": "New Appointment", "description": null, "bind": null, "onClick": "openNewAppointmentDrawer", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "PlusOutlined", "size": "middle" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "export_button": { "type": "Button", "label": "Export to Excel", "description": null, "bind": null, "onClick": "exportToExcel", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "DownloadOutlined" }, "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_body": { "type": "Layout.Content", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "main_content_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 }, "left_content_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 }, "right_queue_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 }, "view_toggle_and_filters": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bodyStyle": { "padding": "16px" } }, "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 }, "toggle_and_quick_filters_row": { "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", "flexWrap": "wrap", "gap": "12px", "marginBottom": "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 }, "view_toggle": { "type": "Radio.Group", "label": null, "description": null, "bind": "state.activeView", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "optionType": "button", "buttonStyle": "solid", "options": [ { "label": "Calendar View", "value": "calendar" }, { "label": "List View", "value": "list" } ] }, "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 }, "quick_filter_group": { "type": "Radio.Group", "label": null, "description": null, "bind": "state.quickFilter", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "optionType": "button", "size": "small", "options": [ { "label": "Today", "value": "today" }, { "label": "This Week", "value": "this_week" }, { "label": "Upcoming", "value": "upcoming" }, { "label": "All", "value": "all" } ] }, "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_row": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "12px", "flexWrap": "wrap", "alignItems": "center" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "search_input": { "type": "Input.Search", "label": null, "description": null, "bind": "state.searchText", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search patient name or ID...", "allowClear": true, "style": { "width": 240 } }, "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": null, "description": null, "bind": "state.filterDepartmentId", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Department", "allowClear": true, "style": { "width": 180 }, "options_bind": "state.departments", "fieldNames": { "label": "name", "value": "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 }, "doctor_filter": { "type": "Select", "label": null, "description": null, "bind": "state.filterDoctorId", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Doctor", "allowClear": true, "style": { "width": 180 }, "options_bind": "derived.filteredDoctors", "showSearch": true, "optionFilterProp": "label" }, "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 }, "type_filter": { "type": "Select", "label": null, "description": null, "bind": "state.filterAppointmentType", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Appointment Type", "allowClear": true, "style": { "width": 180 }, "options": [ { "label": "Consultation", "value": "CONSULTATION" }, { "label": "Follow-up", "value": "FOLLOW_UP" }, { "label": "Emergency", "value": "EMERGENCY" }, { "label": "Routine Checkup", "value": "ROUTINE_CHECKUP" }, { "label": "Procedure", "value": "PROCEDURE" } ] }, "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": null, "description": null, "bind": "state.filterStatus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Status", "allowClear": true, "style": { "width": 160 }, "options": [ { "label": "Scheduled", "value": "SCHEDULED" }, { "label": "Confirmed", "value": "CONFIRMED" }, { "label": "Checked In", "value": "CHECKED_IN" }, { "label": "In Progress", "value": "IN_PROGRESS" }, { "label": "Completed", "value": "COMPLETED" }, { "label": "Cancelled", "value": "CANCELLED" }, { "label": "No Show", "value": "NO_SHOW" } ] }, "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": null, "description": null, "bind": "state.filterDateRange", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": 260 } }, "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 }, "calendar_view_container": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bodyStyle": { "padding": "16px" } }, "dynamic_props": {}, "styles": { "display_condition": "state.activeView === 'calendar'" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "calendar_header_row": { "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 }, "calendar_nav_left": { "type": "Button", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "LeftOutlined", "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 }, "calendar_today_button": { "type": "Button", "label": "Today", "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 }, "calendar_nav_right": { "type": "Button", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "RightOutlined", "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 }, "calendar_mode_segmented": { "type": "Segmented", "label": null, "description": null, "bind": "state.calendarMode", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "options": [ { "label": "Month", "value": "month" }, { "label": "Week", "value": "week" }, { "label": "Day", "value": "day" } ] }, "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 }, "calendar_component": { "type": "Calendar", "label": null, "description": null, "bind": "state.appointments", "onClick": "selectAppointment", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "state.calendarMode", "statusColors": { "SCHEDULED": "#1677ff", "CONFIRMED": "#1677ff", "CHECKED_IN": "#52c41a", "IN_PROGRESS": "#fa8c16", "COMPLETED": "#8c8c8c", "CANCELLED": "#ff4d4f", "NO_SHOW": "#ff4d4f" } }, "dynamic_props": {}, "styles": { "minHeight": "500px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "list_view_container": { "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": { "display_condition": "state.activeView === 'list'" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "appointments_table": { "type": "Table", "label": null, "description": null, "bind": "state.appointments", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "state.loading", "pagination": { "total": "state.appointmentsTotal", "pageSize": "state.pagination.limit", "current": "(state.pagination.offset / state.pagination.limit) + 1", "showSizeChanger": true, "showTotal": true }, "columns": [ { "title": "Appointment ID", "dataIndex": "id", "key": "id", "width": 120, "ellipsis": true }, { "title": "Patient Name", "dataIndex": "patient_name", "key": "patient_name", "width": 160 }, { "title": "Doctor", "dataIndex": "doctor_name", "key": "doctor_name", "width": 150 }, { "title": "Department", "dataIndex": "department_name", "key": "department_name", "width": 130 }, { "title": "Date", "dataIndex": "appointment_date", "key": "appointment_date", "width": 110, "sorter": true }, { "title": "Time", "dataIndex": "appointment_time", "key": "appointment_time", "width": 90 }, { "title": "Duration", "dataIndex": "duration_minutes", "key": "duration_minutes", "width": 90, "render": "minutes" }, { "title": "Type", "dataIndex": "appointment_type", "key": "appointment_type", "width": 130, "render": "tag" }, { "title": "Status", "dataIndex": "status", "key": "status", "width": 120, "render": "status_tag" }, { "title": "Actions", "key": "actions", "width": 200, "fixed": "right", "render": "actions" } ], "scroll": { "x": 1300 }, "size": "middle" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "table_action_checkin": { "type": "Button", "label": "Check-in", "description": null, "bind": null, "onClick": "checkInAppointment", "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 }, "table_action_cancel": { "type": "Button", "label": "Cancel", "description": null, "bind": null, "onClick": "openCancelModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "size": "small", "danger": 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 }, "table_action_reschedule": { "type": "Button", "label": "Reschedule", "description": null, "bind": null, "onClick": "openRescheduleModal", "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 }, "table_action_complete": { "type": "Button", "label": "Complete", "description": null, "bind": null, "onClick": "completeAppointment", "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 }, "checkin_button": { "type": "Button", "label": "Check-in", "description": null, "bind": null, "onClick": "checkInAppointment", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "CheckCircleOutlined", "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 }, "cancel_button": { "type": "Button", "label": "Cancel", "description": null, "bind": null, "onClick": "openCancelModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "danger": true, "icon": "CloseCircleOutlined", "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 }, "reschedule_button": { "type": "Button", "label": "Reschedule", "description": null, "bind": null, "onClick": "openRescheduleModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "icon": "ScheduleOutlined", "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 }, "complete_button": { "type": "Button", "label": "Complete", "description": null, "bind": null, "onClick": "completeAppointment", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "ghost": true, "icon": "CheckOutlined", "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 }, "doctor_queue_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Doctor's Queue", "extra_text": "Checked-in patients", "size": "small" }, "dynamic_props": {}, "styles": { "height": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "queue_badge": { "type": "Badge", "label": null, "description": null, "bind": "derived.queueCount", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "showZero": true, "overflowCount": 99 }, "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 }, "queue_list": { "type": "List", "label": null, "description": null, "bind": "state.checkedInAppointments", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small", "renderItem": "queue_item", "locale": { "emptyText": "No patients in queue" } }, "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 }, "queue_item_template": { "type": "List.Item", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "8px 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 }, "queue_item_meta": { "type": "List.Item.Meta", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title_field": "patient_name", "description_fields": [ "appointment_time", "appointment_type" ] }, "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 }, "queue_wait_time_tag": { "type": "Tag", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "orange" }, "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 }, "new_appointment_drawer": { "type": "Drawer", "label": "New Appointment", "description": null, "bind": "state.newAppointmentDrawerVisible", "onClick": "closeNewAppointmentDrawer", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Schedule New Appointment", "width": 520, "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 }, "appointment_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "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 }, "form_patient_select": { "type": "Form.Item", "label": "Patient", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "patient_id", "rules": [ { "required": true, "message": "Please select a patient" } ] }, "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 }, "patient_select_input": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search and select patient...", "showSearch": true, "filterOption": true, "optionFilterProp": "label", "options_bind": "state.patients", "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_department_select": { "type": "Form.Item", "label": "Department", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "department_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 }, "department_select_input": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select department", "allowClear": true, "options_bind": "state.departments", "fieldNames": { "label": "name", "value": "id" }, "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_doctor_select": { "type": "Form.Item", "label": "Doctor", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "doctor_id", "rules": [ { "required": true, "message": "Please select a doctor" } ] }, "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 }, "doctor_select_input": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select doctor (filtered by department)", "showSearch": true, "optionFilterProp": "label", "options_bind": "derived.filteredDoctors", "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_date_time_row": { "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 }, "form_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 }, "form_time_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 }, "form_date_picker": { "type": "Form.Item", "label": "Appointment Date", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "appointment_date", "rules": [ { "required": true, "message": "Please select a 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 }, "date_picker_input": { "type": "DatePicker", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": "100%" }, "disabledDate": "beforeToday", "format": "YYYY-MM-DD" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_time_picker": { "type": "Form.Item", "label": "Time Slot", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "appointment_time", "rules": [ { "required": true, "message": "Please select a time" } ] }, "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 }, "time_picker_input": { "type": "TimePicker", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": "100%" }, "format": "HH:mm", "minuteStep": 15 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_duration_type_row": { "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 }, "form_duration_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 }, "form_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 }, "form_duration_input": { "type": "Form.Item", "label": "Duration (minutes)", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "duration_minutes", "initialValue": 30 }, "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 }, "duration_number_input": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "min": 15, "max": 240, "step": 15, "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_appointment_type": { "type": "Form.Item", "label": "Appointment Type", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "appointment_type", "rules": [ { "required": true, "message": "Please select appointment type" } ] }, "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 }, "appointment_type_select": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select type", "options": [ { "label": "New Consultation", "value": "CONSULTATION" }, { "label": "Follow-up", "value": "FOLLOW_UP" }, { "label": "Emergency", "value": "EMERGENCY" }, { "label": "Routine Checkup", "value": "ROUTINE_CHECKUP" }, { "label": "Procedure", "value": "PROCEDURE" } ], "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_reason": { "type": "Form.Item", "label": "Reason for Visit / Chief Complaint", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "reason" }, "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 }, "reason_textarea": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter reason for visit...", "rows": 3, "maxLength": 500, "showCount": 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 }, "form_notes": { "type": "Form.Item", "label": "Internal Notes (Staff Only)", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "notes" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "notes_textarea": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Internal notes...", "rows": 2, "maxLength": 300, "showCount": 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 }, "form_priority_and_confirm_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 16 }, "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 }, "form_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 }, "form_confirm_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 }, "form_priority_radio": { "type": "Form.Item", "label": "Priority", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "priority", "initialValue": "normal" }, "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_radio_group": { "type": "Radio.Group", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "options": [ { "label": "Normal", "value": "normal" }, { "label": "Urgent", "value": "urgent" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_send_confirmation": { "type": "Form.Item", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "send_confirmation", "valuePropName": "checked", "initialValue": true }, "dynamic_props": {}, "styles": { "marginTop": "28px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "send_confirmation_checkbox": { "type": "Checkbox", "label": "Send Confirmation to Patient", "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 }, "form_submit_row": { "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", "paddingTop": "16px", "borderTop": "1px solid #f0f0f0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_cancel_button": { "type": "Button", "label": "Cancel", "description": null, "bind": null, "onClick": "closeNewAppointmentDrawer", "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 }, "form_submit_button": { "type": "Button", "label": "Schedule Appointment", "description": null, "bind": null, "onClick": "submitNewAppointment", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "htmlType": "submit", "icon": "CalendarOutlined" }, "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 }, "cancel_modal": { "type": "Modal", "label": "Cancel Appointment", "description": null, "bind": "state.cancelModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Cancel Appointment", "okText": "Confirm Cancellation", "okButtonProps": { "danger": true }, "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 }, "cancel_reason_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 }, "cancel_reason_field": { "type": "Form.Item", "label": "Reason for Cancellation", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "cancel_reason", "rules": [ { "required": true, "message": "Please provide a reason" } ] }, "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 }, "cancel_reason_textarea": { "type": "Input.TextArea", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter cancellation reason...", "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 }, "confirm_cancel_button": { "type": "Button", "label": "Confirm Cancellation", "description": null, "bind": null, "onClick": "confirmCancelAppointment", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "danger": true, "type": "primary" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "reschedule_modal": { "type": "Modal", "label": "Reschedule Appointment", "description": null, "bind": "state.rescheduleModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Reschedule Appointment", "okText": "Reschedule", "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 }, "reschedule_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 }, "reschedule_date_field": { "type": "Form.Item", "label": "New Date", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "appointment_date", "rules": [ { "required": true, "message": "Please select a new 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 }, "reschedule_date_picker": { "type": "DatePicker", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": "100%" }, "disabledDate": "beforeToday" }, "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 }, "reschedule_time_field": { "type": "Form.Item", "label": "New Time", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "appointment_time", "rules": [ { "required": true, "message": "Please select a new time" } ] }, "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 }, "reschedule_time_picker": { "type": "TimePicker", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": "100%" }, "format": "HH:mm", "minuteStep": 15 }, "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 }, "appointment_detail_drawer": { "type": "Drawer", "label": "Appointment Details", "description": null, "bind": "state.appointmentDetailPopoverVisible", "onClick": "closeDetailPopover", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Appointment Details", "width": 480, "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 }, "detail_descriptions": { "type": "Descriptions", "label": null, "description": null, "bind": "state.selectedAppointmentDetail", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "column": 1, "bordered": true, "size": "small", "items": [ { "label": "Patient", "field": "patient" }, { "label": "Doctor", "field": "doctor" }, { "label": "Department", "field": "department" }, { "label": "Date", "field": "appointment_date" }, { "label": "Time", "field": "appointment_time" }, { "label": "Duration", "field": "duration_minutes" }, { "label": "Type", "field": "appointment_type" }, { "label": "Status", "field": "status" }, { "label": "Reason", "field": "reason" }, { "label": "Notes", "field": "notes" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "detail_action_row": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small", "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 }, "status_legend": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "gap": "16px", "flexWrap": "wrap", "padding": "8px 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 }, "legend_scheduled": { "type": "Tag", "label": "Scheduled", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "blue" }, "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 }, "legend_checked_in": { "type": "Tag", "label": "Checked In", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "green" }, "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 }, "legend_in_progress": { "type": "Tag", "label": "In Progress", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "orange" }, "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 }, "legend_completed": { "type": "Tag", "label": "Completed", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "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 }, "legend_cancelled": { "type": "Tag", "label": "Cancelled", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "color": "red" }, "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": [ "app_sider", "content_layout" ], "app_sider": [ "sider_logo", "nav_menu" ], "nav_menu": [ "nav_dashboard", "nav_patients", "nav_clinical", "nav_billing" ], "content_layout": [ "page_header", "content_body" ], "page_header": [ "page_title", "header_actions" ], "header_actions": [ "new_appointment_button", "export_button" ], "content_body": [ "main_content_row" ], "main_content_row": [ "left_content_col", "right_queue_col" ], "left_content_col": [ "view_toggle_and_filters", "calendar_view_container", "list_view_container" ], "view_toggle_and_filters": [ "toggle_and_quick_filters_row", "filter_row" ], "toggle_and_quick_filters_row": [ "view_toggle", "quick_filter_group" ], "filter_row": [ "search_input", "department_filter", "doctor_filter", "type_filter", "status_filter", "date_range_filter" ], "calendar_view_container": [ "calendar_header_row", "status_legend", "calendar_component" ], "calendar_header_row": [ "calendar_nav_left", "calendar_today_button", "calendar_nav_right", "calendar_mode_segmented" ], "status_legend": [ "legend_scheduled", "legend_checked_in", "legend_in_progress", "legend_completed", "legend_cancelled" ], "list_view_container": [ "appointments_table" ], "right_queue_col": [ "doctor_queue_card" ], "doctor_queue_card": [ "queue_badge", "queue_list" ], "queue_list": [ "queue_item_template" ], "queue_item_template": [ "queue_item_meta", "queue_wait_time_tag" ], "new_appointment_drawer": [ "appointment_form" ], "appointment_form": [ "form_patient_select", "form_department_select", "form_doctor_select", "form_date_time_row", "form_duration_type_row", "form_reason", "form_notes", "form_priority_and_confirm_row", "form_submit_row" ], "form_patient_select": [ "patient_select_input" ], "form_department_select": [ "department_select_input" ], "form_doctor_select": [ "doctor_select_input" ], "form_date_time_row": [ "form_date_col", "form_time_col" ], "form_date_col": [ "form_date_picker" ], "form_time_col": [ "form_time_picker" ], "form_date_picker": [ "date_picker_input" ], "form_time_picker": [ "time_picker_input" ], "form_duration_type_row": [ "form_duration_col", "form_type_col" ], "form_duration_col": [ "form_duration_input" ], "form_type_col": [ "form_appointment_type" ], "form_duration_input": [ "duration_number_input" ], "form_appointment_type": [ "appointment_type_select" ], "form_reason": [ "reason_textarea" ], "form_notes": [ "notes_textarea" ], "form_priority_and_confirm_row": [ "form_priority_col", "form_confirm_col" ], "form_priority_col": [ "form_priority_radio" ], "form_confirm_col": [ "form_send_confirmation" ], "form_priority_radio": [ "priority_radio_group" ], "form_send_confirmation": [ "send_confirmation_checkbox" ], "form_submit_row": [ "form_cancel_button", "form_submit_button" ], "cancel_modal": [ "cancel_reason_form" ], "cancel_reason_form": [ "cancel_reason_field", "confirm_cancel_button" ], "cancel_reason_field": [ "cancel_reason_textarea" ], "reschedule_modal": [ "reschedule_form" ], "reschedule_form": [ "reschedule_date_field", "reschedule_time_field" ], "reschedule_date_field": [ "reschedule_date_picker" ], "reschedule_time_field": [ "reschedule_time_picker" ], "appointment_detail_drawer": [ "detail_descriptions", "detail_action_row" ], "detail_action_row": [ "checkin_button", "reschedule_button", "cancel_button", "complete_button" ] }, "layout": { "main_container": { "type": "horizontal", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "app_sider": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "content_layout": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "header_actions": { "type": "horizontal", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "content_body": { "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 }, "main_content_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 }, "left_content_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 }, "view_toggle_and_filters": { "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 }, "toggle_and_quick_filters_row": { "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 }, "filter_row": { "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 }, "calendar_view_container": { "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 }, "calendar_header_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 }, "status_legend": { "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 }, "list_view_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 }, "right_queue_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 }, "doctor_queue_card": { "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 }, "queue_list": { "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 }, "queue_item_template": { "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 }, "new_appointment_drawer": { "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 }, "appointment_form": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "form_date_time_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 }, "form_duration_type_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 }, "form_priority_and_confirm_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 }, "form_submit_row": { "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 }, "cancel_modal": { "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 }, "cancel_reason_form": { "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 }, "reschedule_modal": { "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 }, "reschedule_form": { "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 }, "appointment_detail_drawer": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "detail_action_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 } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Root layout with sidebar and main content" }, { "zone_id": "drawer_zone", "component": "new_appointment_drawer", "anchor": "top-left", "size_hint": "auto", "z_layer": "overlay", "notes": "New appointment drawer overlay" }, { "zone_id": "cancel_modal_zone", "component": "cancel_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Cancel appointment confirmation modal" }, { "zone_id": "reschedule_modal_zone", "component": "reschedule_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Reschedule appointment modal" }, { "zone_id": "detail_drawer_zone", "component": "appointment_detail_drawer", "anchor": "top-left", "size_hint": "auto", "z_layer": "overlay", "notes": "Appointment detail drawer" } ], "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 }