{ "page_ir": { "page_id": "admin_schedules", "page_goal": "Admin page to manage bus schedules: view, create, edit, delete schedules, generate seat inventory, and view schedule details with seat/revenue summaries.", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "admin management interface with status-colored badges" }, "accessibility": { "required_labels": [ "schedule_table", "schedule_form", "search_input", "status_filter", "date_range_filter" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "xs": 480, "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "sidebar collapses to hamburger on md and below", "table scrolls horizontally on sm and below" ], "hidden_on_small": [ "admin_sidebar" ], "stack_on_small": [] }, "constraints": [ "Only admin users can access this page", "Schedule deletion requires confirmation due to cascading effects", "Edit restrictions apply when bookings exist" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "schedules": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "routes": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "buses": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "schedulesLoading": { "type": "boolean", "initial": true, "required": false, "constraints": {}, "item_type": null }, "scheduleModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "detailDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedScheduleId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "editingSchedule": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "scheduleDetail": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "scheduleSeats": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "searchText": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterStatus": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "filterRouteId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "departureDateRange": { "type": "array", "initial": null, "required": false, "constraints": {}, "item_type": null }, "pagination": { "type": "object", "initial": { "current": 1, "pageSize": 20, "total": 0 }, "required": false, "constraints": {}, "item_type": null }, "submitLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "detailLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "generateSeatsLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "isEditMode": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "hasBookings": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredSchedules": { "type": "array", "expr": "state.schedules filtered by searchText matching bus_number or route origin/destination, filterStatus, filterRouteId, and departureDateRange", "deps": [] }, "seatSummary": { "type": "object", "expr": "{ available: scheduleSeats.filter(s => s.status === 'AVAILABLE').length, reserved: scheduleSeats.filter(s => s.status === 'RESERVED').length, booked: scheduleSeats.filter(s => s.status === 'BOOKED').length, total: scheduleSeats.length }", "deps": [] }, "scheduleRevenue": { "type": "number", "expr": "scheduleSeats.filter(s => s.status === 'BOOKED').reduce((sum, s) => sum + (scheduleDetail?.base_price || 0) * (1 + s.price_modifier), 0)", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "be51db7aa60f41b084504281187afbd5": { "endpoint_id": "be51db7aa60f41b084504281187afbd5", "module": "Schedule Management", "endpoint": "/schedules/", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.pagination.pageSize", "offset": "($state.pagination.current - 1) * $state.pagination.pageSize", "status": "$state.filterStatus", "route_id": "$state.filterRouteId" }, "body": null, "fields": [ "id", "bus_id", "route_id", "departure_datetime", "arrival_datetime", "base_price", "available_seats", "status", "created_at", "updated_at" ], "response_target": "schedules", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "3a082b06d50643e38c0623481d887d84": { "endpoint_id": "3a082b06d50643e38c0623481d887d84", "module": "Routes", "endpoint": "/routes/", "method": "GET", "path_params": {}, "query_params": { "limit": 200, "is_active": true }, "body": null, "fields": [ "id", "origin_city", "destination_city", "distance_km", "estimated_duration_minutes", "is_active" ], "response_target": "routes", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "3854cadb7fed40889a202f8defee4cca": { "endpoint_id": "3854cadb7fed40889a202f8defee4cca", "module": "Bus Management", "endpoint": "/buses/", "method": "GET", "path_params": {}, "query_params": { "limit": 200, "is_active": true }, "body": null, "fields": [ "id", "bus_number", "bus_type", "total_seats", "is_active" ], "response_target": "buses", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "d103f849730e4e6ba9bcf1d2987d806a": { "endpoint_id": "d103f849730e4e6ba9bcf1d2987d806a", "module": "Schedule Management", "endpoint": "/schedules/{schedule_id}/details", "method": "GET", "path_params": { "schedule_id": "$state.selectedScheduleId" }, "query_params": {}, "body": null, "fields": [ "id", "departure_datetime", "arrival_datetime", "bus", "route" ], "response_target": "scheduleDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "3dc29a2a5b194198be9023968496a97d": { "endpoint_id": "3dc29a2a5b194198be9023968496a97d", "module": "Schedule Management", "endpoint": "/schedules/{schedule_id}/seats", "method": "GET", "path_params": { "schedule_id": "$state.selectedScheduleId" }, "query_params": {}, "body": null, "fields": [ "id", "schedule_id", "seat_number", "seat_type", "price_modifier", "status" ], "response_target": "scheduleSeats", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "dab45673d8cc445fa3401abbcbfb2fae": { "endpoint_id": "dab45673d8cc445fa3401abbcbfb2fae", "module": "Schedule Management", "endpoint": "/schedules/", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "bus_id", "route_id", "departure_datetime", "arrival_datetime", "base_price", "available_seats", "status" ], "response_target": "createSchedule_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "ab5fd9a34e6a4fbf8927785b6c320787": { "endpoint_id": "ab5fd9a34e6a4fbf8927785b6c320787", "module": "Schedule Management", "endpoint": "/schedules/{schedule_id}", "method": "PUT", "path_params": { "schedule_id": "$state.selectedScheduleId" }, "query_params": {}, "body": {}, "fields": [ "id", "bus_id", "route_id", "departure_datetime", "arrival_datetime", "base_price", "available_seats", "status" ], "response_target": "ab5fd9a34e6a4fbf8927785b6c320787_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "19dcc0b6629545dcb4c38910b08911fb": { "endpoint_id": "19dcc0b6629545dcb4c38910b08911fb", "module": "Schedule Management", "endpoint": "/schedules/{schedule_id}", "method": "DELETE", "path_params": { "schedule_id": "$state.selectedScheduleId" }, "query_params": {}, "body": null, "fields": [], "response_target": "19dcc0b6629545dcb4c38910b08911fb_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "a12699b6e8ef4bbcb9a1bb087de1fda6": { "endpoint_id": "a12699b6e8ef4bbcb9a1bb087de1fda6", "module": "Schedule Management", "endpoint": "/schedules/{schedule_id}/generate-seats", "method": "POST", "path_params": { "schedule_id": "$state.selectedScheduleId" }, "query_params": {}, "body": {}, "fields": [ "schedule_id", "seats_generated", "message" ], "response_target": "a12699b6e8ef4bbcb9a1bb087de1fda6_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "schedule": { "name": "Schedule", "backend_module": "Schedule Management", "fields": [ "id", "bus_id", "route_id", "departure_datetime", "arrival_datetime", "base_price", "available_seats", "status", "created_at", "updated_at" ], "computed": [ "occupancy_percent" ], "display_fields": [ "id", "bus_id", "route_id", "departure_datetime", "arrival_datetime", "base_price", "available_seats", "status", "created_at" ], "search_fields": [ "bus_id", "route_id" ], "filters": [ "status", "route_id" ], "default_sort": null, "default_sort_dir": "asc" }, "route": { "name": "Route", "backend_module": "Routes", "fields": [ "id", "origin_city", "destination_city", "distance_km", "estimated_duration_minutes", "is_active", "created_at", "updated_at" ], "computed": [], "display_fields": [ "origin_city", "destination_city" ], "search_fields": [], "filters": [ "is_active" ], "default_sort": null, "default_sort_dir": "asc" }, "bus": { "name": "Bus", "backend_module": "Bus Management", "fields": [ "id", "bus_number", "bus_type", "total_seats", "seat_layout_config", "amenities", "is_active", "created_at", "updated_at" ], "computed": [], "display_fields": [ "bus_number", "bus_type", "total_seats" ], "search_fields": [], "filters": [ "is_active" ], "default_sort": null, "default_sort_dir": "asc" }, "seat": { "name": "Seat", "backend_module": "Schedule Management", "fields": [ "id", "schedule_id", "seat_number", "seat_type", "price_modifier", "status", "created_at", "updated_at" ], "computed": [], "display_fields": [ "seat_number", "seat_type", "status" ], "search_fields": [], "filters": [ "status" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onSearchChange": { "type": "mutation", "updates": [ { "target": "state.searchText", "expr": "event.target.value" } ], "description": "" }, "onStatusFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterStatus", "expr": "value" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onRouteFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterRouteId", "expr": "value" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.departureDateRange", "expr": "dates" }, { "target": "state.pagination.current", "expr": "1" } ], "description": "" }, "onPaginationChange": { "type": "mutation", "updates": [ { "target": "state.pagination.current", "expr": "page" }, { "target": "state.pagination.pageSize", "expr": "pageSize" } ], "description": "" } }, "actions": { "59aadcd005104922807822a6c7baf55b": { "action_id": "59aadcd005104922807822a6c7baf55b", "trigger": "button_click", "target_component_id": "add_schedule_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.scheduleModalVisible", "expr": "true" }, { "target": "state.isEditMode", "expr": "false" }, { "target": "state.editingSchedule", "expr": "null" }, { "target": "state.hasBookings", "expr": "false" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "4ece5ff7bb2f4d8a80575bf8120d2082": { "action_id": "4ece5ff7bb2f4d8a80575bf8120d2082", "trigger": "button_click", "target_component_id": "edit_action_button", "operation": "custom", "description": "", "payload": { "record": "$row" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.scheduleModalVisible", "expr": "true" }, { "target": "state.isEditMode", "expr": "true" }, { "target": "state.editingSchedule", "expr": "$row" }, { "target": "state.selectedScheduleId", "expr": "$row.id" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "d8c3b5d018454b399e8fa9fec8720c48": { "action_id": "d8c3b5d018454b399e8fa9fec8720c48", "trigger": "button_click", "target_component_id": "modal_cancel_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.scheduleModalVisible", "expr": "false" }, { "target": "state.editingSchedule", "expr": "null" }, { "target": "state.isEditMode", "expr": "false" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "2557f039331c4ec7a30e89dab74a388a": { "action_id": "2557f039331c4ec7a30e89dab74a388a", "trigger": "form_submit", "target_component_id": "schedule_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\": \"bus_id\", \"message\": \"Please select a bus\", \"rule_id\": \"val_bus_id\", \"type\": \"required\"}", "message": "{\"field\": \"bus_id\", \"message\": \"Please select a bus\", \"rule_id\": \"val_bus_id\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"route_id\", \"message\": \"Please select a route\", \"rule_id\": \"val_route_id\", \"type\": \"required\"}", "message": "{\"field\": \"route_id\", \"message\": \"Please select a route\", \"rule_id\": \"val_route_id\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"departure_datetime\", \"message\": \"Departure date/time is required\", \"rule_id\": \"val_departure\", \"type\": \"required\"}", "message": "{\"field\": \"departure_datetime\", \"message\": \"Departure date/time is required\", \"rule_id\": \"val_departure\", \"type\": \"required\"}" }, { "rule_id": "val_3", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"arrival_datetime\", \"message\": \"Arrival date/time is required\", \"rule_id\": \"val_arrival\", \"type\": \"required\"}", "message": "{\"field\": \"arrival_datetime\", \"message\": \"Arrival date/time is required\", \"rule_id\": \"val_arrival\", \"type\": \"required\"}" }, { "rule_id": "val_4", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"base_price\", \"message\": \"Base price is required\", \"rule_id\": \"val_base_price\", \"type\": \"required\"}", "message": "{\"field\": \"base_price\", \"message\": \"Base price is required\", \"rule_id\": \"val_base_price\", \"type\": \"required\"}" }, { "rule_id": "val_5", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"base_price\", \"message\": \"Base price must be greater than 0\", \"rule_id\": \"val_base_price_min\", \"type\": \"min\", \"value\": 0.01}", "message": "{\"field\": \"base_price\", \"message\": \"Base price must be greater than 0\", \"rule_id\": \"val_base_price_min\", \"type\": \"min\", \"value\": 0.01}" }, { "rule_id": "val_6", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"status\", \"message\": \"Status is required\", \"rule_id\": \"val_status\", \"type\": \"required\"}", "message": "{\"field\": \"status\", \"message\": \"Status is required\", \"rule_id\": \"val_status\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.submitLoading", "expr": "true" } ], "api_endpoint": "dab45673d8cc445fa3401abbcbfb2fae", "api_body": "{ bus_id: formValues.bus_id, route_id: formValues.route_id, departure_datetime: formValues.departure_datetime, arrival_datetime: formValues.arrival_datetime, base_price: formValues.base_price, available_seats: formValues.available_seats, status: formValues.status }", "side_effects": [ { "type": "toast", "config": { "message": "Schedule saved successfully!", "type": "success" } }, { "type": "modal_close", "config": { "target": "schedule_modal" } }, { "type": "refresh", "config": { "target": "fetchSchedules" } } ], "then": null, "catch": null, "data_action": null }, "ab5fd9a34e6a4fbf8927785b6c320787": { "action_id": "ab5fd9a34e6a4fbf8927785b6c320787", "trigger": "form_submit", "target_component_id": "schedule_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\": \"bus_id\", \"message\": \"Please select a bus\", \"rule_id\": \"val_bus_id\", \"type\": \"required\"}", "message": "{\"field\": \"bus_id\", \"message\": \"Please select a bus\", \"rule_id\": \"val_bus_id\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"route_id\", \"message\": \"Please select a route\", \"rule_id\": \"val_route_id\", \"type\": \"required\"}", "message": "{\"field\": \"route_id\", \"message\": \"Please select a route\", \"rule_id\": \"val_route_id\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"departure_datetime\", \"message\": \"Departure date/time is required\", \"rule_id\": \"val_departure\", \"type\": \"required\"}", "message": "{\"field\": \"departure_datetime\", \"message\": \"Departure date/time is required\", \"rule_id\": \"val_departure\", \"type\": \"required\"}" }, { "rule_id": "val_3", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"arrival_datetime\", \"message\": \"Arrival date/time is required\", \"rule_id\": \"val_arrival\", \"type\": \"required\"}", "message": "{\"field\": \"arrival_datetime\", \"message\": \"Arrival date/time is required\", \"rule_id\": \"val_arrival\", \"type\": \"required\"}" }, { "rule_id": "val_4", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"base_price\", \"message\": \"Base price is required\", \"rule_id\": \"val_base_price\", \"type\": \"required\"}", "message": "{\"field\": \"base_price\", \"message\": \"Base price is required\", \"rule_id\": \"val_base_price\", \"type\": \"required\"}" }, { "rule_id": "val_5", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"status\", \"message\": \"Status is required\", \"rule_id\": \"val_status\", \"type\": \"required\"}", "message": "{\"field\": \"status\", \"message\": \"Status is required\", \"rule_id\": \"val_status\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.submitLoading", "expr": "true" } ], "api_endpoint": "ab5fd9a34e6a4fbf8927785b6c320787", "api_body": "{ bus_id: formValues.bus_id, route_id: formValues.route_id, departure_datetime: formValues.departure_datetime, arrival_datetime: formValues.arrival_datetime, base_price: formValues.base_price, available_seats: formValues.available_seats, status: formValues.status }", "side_effects": [ { "type": "toast", "config": { "message": "Schedule updated successfully!", "type": "success" } }, { "type": "modal_close", "config": { "target": "schedule_modal" } }, { "type": "refresh", "config": { "target": "fetchSchedules" } } ], "then": null, "catch": null, "data_action": null }, "19dcc0b6629545dcb4c38910b08911fb": { "action_id": "19dcc0b6629545dcb4c38910b08911fb", "trigger": "button_click", "target_component_id": "delete_action_button", "operation": "delete", "description": "", "payload": { "schedule_id": "$row.id" }, "guard": null, "requires_confirmation": true, "confirmation_message": "Are you sure you want to delete this schedule? This will cascade and affect all associated bookings, reservations, and seat inventory. This action cannot be undone.", "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedScheduleId", "expr": "$row.id" } ], "api_endpoint": "19dcc0b6629545dcb4c38910b08911fb", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Schedule deleted successfully!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchSchedules" } } ], "then": null, "catch": null, "data_action": null }, "a12699b6e8ef4bbcb9a1bb087de1fda6": { "action_id": "a12699b6e8ef4bbcb9a1bb087de1fda6", "trigger": "button_click", "target_component_id": "generate_seats_action_button", "operation": "custom", "description": "", "payload": { "schedule_id": "$row.id" }, "guard": null, "requires_confirmation": true, "confirmation_message": "Generate seat inventory for this schedule? This will create seats based on the bus configuration.", "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedScheduleId", "expr": "$row.id" }, { "target": "state.generateSeatsLoading", "expr": "true" } ], "api_endpoint": "a12699b6e8ef4bbcb9a1bb087de1fda6", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Seats generated successfully!", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchSchedules" } } ], "then": null, "catch": null, "data_action": null }, "dea32246278a4470976ce143db5455e8": { "action_id": "dea32246278a4470976ce143db5455e8", "trigger": "button_click", "target_component_id": "view_detail_action_button", "operation": "read", "description": "", "payload": { "schedule_id": "$row.id" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedScheduleId", "expr": "$row.id" }, { "target": "state.detailDrawerVisible", "expr": "true" }, { "target": "state.detailLoading", "expr": "true" } ], "api_endpoint": "d103f849730e4e6ba9bcf1d2987d806a", "api_body": null, "side_effects": [ { "type": "custom", "config": { "action": "fetchScheduleDetail and fetchScheduleSeats" } } ], "then": null, "catch": null, "data_action": null }, "f3185921f3db4587b8c10079860b6e72": { "action_id": "f3185921f3db4587b8c10079860b6e72", "trigger": "button_click", "target_component_id": "detail_drawer", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.detailDrawerVisible", "expr": "false" }, { "target": "state.scheduleDetail", "expr": "null" }, { "target": "state.scheduleSeats", "expr": "[]" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "4726a70d43184dffbad14176ceefa669": { "action_id": "4726a70d43184dffbad14176ceefa669", "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": "/admin" } } ], "then": null, "catch": null, "data_action": null }, "a4814460496c4ec1a7796818eb20e021": { "action_id": "a4814460496c4ec1a7796818eb20e021", "trigger": "button_click", "target_component_id": "nav_routes", "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": "/admin/routes" } } ], "then": null, "catch": null, "data_action": null }, "d5c3d1aeefa24eaf8fe5b5f8493c1dc7": { "action_id": "d5c3d1aeefa24eaf8fe5b5f8493c1dc7", "trigger": "button_click", "target_component_id": "nav_buses", "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": "/admin/buses" } } ], "then": null, "catch": null, "data_action": null }, "a231e61ffbb641b58cdafd46274965b7": { "action_id": "a231e61ffbb641b58cdafd46274965b7", "trigger": "button_click", "target_component_id": "nav_bookings", "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": "/admin/bookings" } } ], "then": null, "catch": null, "data_action": null }, "3ce4debae84d4f0f87fe21ccd6fbb6c7": { "action_id": "3ce4debae84d4f0f87fe21ccd6fbb6c7", "trigger": "button_click", "target_component_id": "nav_reservations", "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": "/admin/reservations" } } ], "then": null, "catch": null, "data_action": null }, "4ee3ed990a3644c5a8a71520b1ae9bca": { "action_id": "4ee3ed990a3644c5a8a71520b1ae9bca", "trigger": "button_click", "target_component_id": "nav_activity_logs", "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": "/admin/activity-logs" } } ], "then": null, "catch": null, "data_action": null }, "2d017b66be754f6eb884361dbddd60f7": { "action_id": "2d017b66be754f6eb884361dbddd60f7", "trigger": "button_click", "target_component_id": "nav_users", "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": "/admin/users" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "2557f039331c4ec7a30e89dab74a388a": { "action_id": "2557f039331c4ec7a30e89dab74a388a", "loading_indicator": "spinner", "loading_text": null, "success_message": "Schedule created successfully!", "error_message": "Failed to create schedule. Please try again.", "ui_updates": [ "state.submitLoading = false", "state.scheduleModalVisible = false" ] }, "ab5fd9a34e6a4fbf8927785b6c320787": { "action_id": "ab5fd9a34e6a4fbf8927785b6c320787", "loading_indicator": "spinner", "loading_text": null, "success_message": "Schedule updated successfully!", "error_message": "Failed to update schedule. Please try again.", "ui_updates": [ "state.submitLoading = false", "state.scheduleModalVisible = false" ] }, "19dcc0b6629545dcb4c38910b08911fb": { "action_id": "19dcc0b6629545dcb4c38910b08911fb", "loading_indicator": "spinner", "loading_text": null, "success_message": "Schedule deleted successfully!", "error_message": "Failed to delete schedule. It may have active bookings.", "ui_updates": [] }, "a12699b6e8ef4bbcb9a1bb087de1fda6": { "action_id": "a12699b6e8ef4bbcb9a1bb087de1fda6", "loading_indicator": "spinner", "loading_text": null, "success_message": "Seat inventory generated successfully!", "error_message": "Failed to generate seats. Please try again.", "ui_updates": [ "state.generateSeatsLoading = false" ] }, "dea32246278a4470976ce143db5455e8": { "action_id": "dea32246278a4470976ce143db5455e8", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load schedule details.", "ui_updates": [ "state.detailLoading = false" ] } } }, "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%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "admin_sidebar": { "type": "Layout.Sider", "label": "Admin Sidebar", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "width": 240, "collapsible": true, "theme": "light", "breakpoint": "lg", "collapsedWidth": 0 }, "dynamic_props": {}, "styles": { "borderRight": "1px solid #f0f0f0", "background": "#fff" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sidebar_menu_title": { "type": "Typography.Title", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 4, "children": "🚌 Bus Admin" }, "dynamic_props": {}, "styles": { "padding": "16px 24px", "margin": 0, "borderBottom": "1px solid #f0f0f0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "sidebar_menu": { "type": "Menu", "label": "Admin Navigation", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "inline", "selectedKeys": [ "schedules" ], "items": [ { "key": "dashboard", "icon": "DashboardOutlined", "label": "Dashboard" }, { "key": "routes", "icon": "NodeIndexOutlined", "label": "Routes" }, { "key": "buses", "icon": "CarOutlined", "label": "Buses" }, { "key": "schedules", "icon": "ScheduleOutlined", "label": "Schedules" }, { "key": "bookings", "icon": "BookOutlined", "label": "Bookings" }, { "key": "reservations", "icon": "ClockCircleOutlined", "label": "Reservations" }, { "key": "activity_logs", "icon": "FileTextOutlined", "label": "Activity Logs" }, { "key": "users", "icon": "UserOutlined", "label": "Users" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "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_routes": { "type": "Menu.Item", "label": "Routes", "description": null, "bind": null, "onClick": "navigateToRoutes", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "routes" }, "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_buses": { "type": "Menu.Item", "label": "Buses", "description": null, "bind": null, "onClick": "navigateToBuses", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "buses" }, "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_bookings": { "type": "Menu.Item", "label": "Bookings", "description": null, "bind": null, "onClick": "navigateToBookings", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "bookings" }, "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_reservations": { "type": "Menu.Item", "label": "Reservations", "description": null, "bind": null, "onClick": "navigateToReservations", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "reservations" }, "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_activity_logs": { "type": "Menu.Item", "label": "Activity Logs", "description": null, "bind": null, "onClick": "navigateToActivityLogs", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "activity_logs" }, "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_users": { "type": "Menu.Item", "label": "Users", "description": null, "bind": null, "onClick": "navigateToUsers", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "key": "users" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "content_area": { "type": "Layout.Content", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "padding": "24px", "background": "#f5f5f5", "flex": 1 }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_title": { "type": "Typography.Title", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2, "children": "Schedule Management" }, "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 }, "add_schedule_button": { "type": "Button", "label": "Add Schedule", "description": null, "bind": null, "onClick": "openAddScheduleModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "PlusOutlined", "size": "large" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filters_row": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filters_inner": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "wrap": true, "size": "middle" }, "dynamic_props": {}, "styles": { "width": "100%" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "search_input": { "type": "Input.Search", "label": "Search", "description": null, "bind": "state.searchText", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by bus number or route...", "allowClear": true, "style": { "width": 280 } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "status_filter": { "type": "Select", "label": "Status Filter", "description": null, "bind": "state.filterStatus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Filter by Status", "allowClear": true, "style": { "width": 180 }, "options": [ { "label": "Scheduled", "value": "SCHEDULED" }, { "label": "In Transit", "value": "IN_TRANSIT" }, { "label": "Completed", "value": "COMPLETED" }, { "label": "Cancelled", "value": "CANCELLED" } ] }, "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 }, "route_filter": { "type": "Select", "label": "Route Filter", "description": null, "bind": "state.filterRouteId", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Filter by Route", "allowClear": true, "showSearch": true, "optionFilterProp": "label", "style": { "width": 240 }, "options": "state.routes.map(r => ({ label: r.origin_city + ' → ' + r.destination_city, value: r.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 }, "date_range_filter": { "type": "DatePicker.RangePicker", "label": "Departure Date Range", "description": null, "bind": "state.departureDateRange", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": [ "Departure From", "Departure To" ], "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 }, "schedule_table_card": { "type": "Card", "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 }, "schedule_table": { "type": "Table", "label": "Schedules Table", "description": null, "bind": "state.schedules", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "state.schedulesLoading", "scroll": { "x": 1400 }, "pagination": { "current": "state.pagination.current", "pageSize": "state.pagination.pageSize", "total": "state.pagination.total", "showSizeChanger": true, "showTotal": "total => `Total ${total} schedules`" }, "columns": [ { "title": "Schedule ID", "dataIndex": "id", "key": "id", "width": 100, "ellipsis": true }, { "title": "Bus Number", "dataIndex": "bus_id", "key": "bus_number", "width": 120, "render": "bus_id => buses.find(b => b.id === bus_id)?.bus_number || bus_id" }, { "title": "Route", "dataIndex": "route_id", "key": "route", "width": 200, "render": "route_id => { const r = routes.find(r => r.id === route_id); return r ? r.origin_city + ' → ' + r.destination_city : route_id; }" }, { "title": "Departure", "dataIndex": "departure_datetime", "key": "departure_datetime", "width": 170, "sorter": true, "render": "datetime" }, { "title": "Arrival", "dataIndex": "arrival_datetime", "key": "arrival_datetime", "width": 170, "render": "datetime" }, { "title": "Base Price", "dataIndex": "base_price", "key": "base_price", "width": 100, "render": "price => `₹${price}`" }, { "title": "Seats", "dataIndex": "available_seats", "key": "available_seats", "width": 120, "render": "available_seats, record => `${available_seats} / ${buses.find(b => b.id === record.bus_id)?.total_seats || '—'}`" }, { "title": "Occupancy", "key": "occupancy", "width": 140, "render": "record => Progress component showing occupancy percentage" }, { "title": "Status", "dataIndex": "status", "key": "status", "width": 120, "render": "status => Tag with color based on status" }, { "title": "Created At", "dataIndex": "created_at", "key": "created_at", "width": 150, "render": "datetime" }, { "title": "Actions", "key": "actions", "width": 180, "fixed": "right", "render": "record => action buttons: View Details, Edit, Generate Seats, Delete" } ] }, "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_detail_action_button": { "type": "Button", "label": "View Details", "description": null, "bind": null, "onClick": "viewScheduleDetails", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "icon": "EyeOutlined", "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 }, "edit_action_button": { "type": "Button", "label": "Edit", "description": null, "bind": null, "onClick": "openEditScheduleModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "icon": "EditOutlined", "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 }, "generate_seats_action_button": { "type": "Button", "label": "Generate Seats", "description": null, "bind": null, "onClick": "generateSeats", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "icon": "AppstoreAddOutlined", "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 }, "delete_action_button": { "type": "Button", "label": "Delete", "description": null, "bind": null, "onClick": "deleteSchedule", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "link", "danger": true, "icon": "DeleteOutlined", "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 }, "schedule_modal": { "type": "Modal", "label": null, "description": null, "bind": "state.scheduleModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "state.isEditMode ? 'Edit Schedule' : 'Add Schedule'", "open": "state.scheduleModalVisible", "width": 640, "destroyOnClose": true, "confirmLoading": "state.submitLoading", "okText": "Save", "cancelText": "Cancel" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "schedule_form": { "type": "Form", "label": "Schedule Form", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical", "initialValues": "state.editingSchedule" }, "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_bus_id": { "type": "Form.Item", "label": "Bus", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "bus_id", "rules": [ { "required": true, "message": "Please select a bus" } ] }, "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 }, "bus_select": { "type": "Select", "label": "Bus", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select a bus", "showSearch": true, "optionFilterProp": "label", "disabled": "state.isEditMode && state.hasBookings", "options": "state.buses.map(b => ({ label: b.bus_number + ' (' + b.bus_type + ' - ' + b.total_seats + ' seats)', value: b.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 }, "form_route_id": { "type": "Form.Item", "label": "Route", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "route_id", "rules": [ { "required": true, "message": "Please select a route" } ] }, "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 }, "route_select": { "type": "Select", "label": "Route", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select a route", "showSearch": true, "optionFilterProp": "label", "options": "state.routes.map(r => ({ label: r.origin_city + ' → ' + r.destination_city, value: r.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 }, "form_datetime_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": "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_departure_datetime": { "type": "Form.Item", "label": "Departure Date & Time", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "departure_datetime", "rules": [ { "required": true, "message": "Departure date/time is required" } ], "style": { "flex": 1 } }, "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 }, "departure_picker": { "type": "DatePicker", "label": "Departure", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "showTime": true, "format": "YYYY-MM-DD HH:mm", "style": { "width": "100%" }, "placeholder": "Select departure" }, "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_arrival_datetime": { "type": "Form.Item", "label": "Arrival Date & Time", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "arrival_datetime", "rules": [ { "required": true, "message": "Arrival date/time is required" } ], "style": { "flex": 1 } }, "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 }, "arrival_picker": { "type": "DatePicker", "label": "Arrival", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "showTime": true, "format": "YYYY-MM-DD HH:mm", "style": { "width": "100%" }, "placeholder": "Select arrival" }, "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_price_seats_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": "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_base_price": { "type": "Form.Item", "label": "Base Price (₹)", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "base_price", "rules": [ { "required": true, "message": "Base price is required" } ], "style": { "flex": 1 } }, "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 }, "base_price_input": { "type": "InputNumber", "label": "Base Price", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "min": 0, "step": 10, "precision": 2, "style": { "width": "100%" }, "placeholder": "Enter base price", "disabled": "state.isEditMode && state.hasBookings" }, "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_available_seats": { "type": "Form.Item", "label": "Available Seats", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "available_seats", "rules": [ { "required": true, "message": "Available seats is required" } ], "style": { "flex": 1 } }, "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 }, "available_seats_input": { "type": "InputNumber", "label": "Available Seats", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "min": 0, "style": { "width": "100%" }, "placeholder": "Enter available seats" }, "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_status": { "type": "Form.Item", "label": "Status", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "status", "rules": [ { "required": true, "message": "Status is required" } ], "initialValue": "SCHEDULED" }, "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_select": { "type": "Select", "label": "Status", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select status", "options": [ { "label": "Scheduled", "value": "SCHEDULED" }, { "label": "In Transit", "value": "IN_TRANSIT" }, { "label": "Completed", "value": "COMPLETED" }, { "label": "Cancelled", "value": "CANCELLED" } ] }, "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 }, "modal_cancel_button": { "type": "Button", "label": "Cancel", "description": null, "bind": null, "onClick": "closeScheduleModal", "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 }, "detail_drawer": { "type": "Drawer", "label": "Schedule Details", "description": null, "bind": "state.detailDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Schedule Details", "open": "state.detailDrawerVisible", "width": 600, "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_content": { "type": "div", "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 }, "detail_spin": { "type": "Spin", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "spinning": "state.detailLoading" }, "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": "Schedule Information", "description": null, "bind": "state.scheduleDetail", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Schedule Information", "bordered": true, "column": 1, "size": "small", "items": [ { "label": "Schedule ID", "field": "id" }, { "label": "Bus", "field": "bus" }, { "label": "Route", "field": "route" }, { "label": "Departure", "field": "departure_datetime" }, { "label": "Arrival", "field": "arrival_datetime" }, { "label": "Base Price", "field": "base_price" }, { "label": "Status", "field": "status" } ] }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "seat_summary_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Seat Inventory Summary", "size": "small" }, "dynamic_props": {}, "styles": { "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "seat_summary_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 }, "seat_available_stat": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 8 }, "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 }, "seat_available_statistic": { "type": "Statistic", "label": "Available", "description": null, "bind": "derived.seatSummary.available", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Available", "valueStyle": { "color": "#52c41a" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "seat_reserved_stat": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 8 }, "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 }, "seat_reserved_statistic": { "type": "Statistic", "label": "Reserved", "description": null, "bind": "derived.seatSummary.reserved", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Reserved", "valueStyle": { "color": "#faad14" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "seat_booked_stat": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 8 }, "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 }, "seat_booked_statistic": { "type": "Statistic", "label": "Booked", "description": null, "bind": "derived.seatSummary.booked", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Booked", "valueStyle": { "color": "#1677ff" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "revenue_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Revenue", "size": "small" }, "dynamic_props": {}, "styles": { "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "revenue_statistic": { "type": "Statistic", "label": "Estimated Revenue", "description": null, "bind": "derived.scheduleRevenue", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Estimated Revenue", "prefix": "₹", "precision": 2, "valueStyle": { "color": "#1677ff" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "admin_sidebar", "content_area" ], "admin_sidebar": [ "sidebar_menu_title", "sidebar_menu" ], "sidebar_menu": [ "nav_dashboard", "nav_routes", "nav_buses", "nav_bookings", "nav_reservations", "nav_activity_logs", "nav_users" ], "content_area": [ "page_header", "filters_row", "schedule_table_card", "schedule_modal", "detail_drawer" ], "page_header": [ "page_title", "add_schedule_button" ], "filters_row": [ "filters_inner" ], "filters_inner": [ "search_input", "status_filter", "route_filter", "date_range_filter" ], "schedule_table_card": [ "schedule_table" ], "schedule_table": [ "view_detail_action_button", "edit_action_button", "generate_seats_action_button", "delete_action_button" ], "schedule_modal": [ "schedule_form" ], "schedule_form": [ "form_bus_id", "form_route_id", "form_datetime_row", "form_price_seats_row", "form_status" ], "form_bus_id": [ "bus_select" ], "form_route_id": [ "route_select" ], "form_datetime_row": [ "form_departure_datetime", "form_arrival_datetime" ], "form_departure_datetime": [ "departure_picker" ], "form_arrival_datetime": [ "arrival_picker" ], "form_price_seats_row": [ "form_base_price", "form_available_seats" ], "form_base_price": [ "base_price_input" ], "form_available_seats": [ "available_seats_input" ], "form_status": [ "status_select" ], "detail_drawer": [ "detail_content" ], "detail_content": [ "detail_spin", "detail_descriptions", "seat_summary_card", "revenue_card" ], "detail_spin": [], "seat_summary_card": [ "seat_summary_row" ], "seat_summary_row": [ "seat_available_stat", "seat_reserved_stat", "seat_booked_stat" ], "seat_available_stat": [ "seat_available_statistic" ], "seat_reserved_stat": [ "seat_reserved_statistic" ], "seat_booked_stat": [ "seat_booked_statistic" ], "revenue_card": [ "revenue_statistic" ] }, "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 }, "admin_sidebar": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "content_area": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "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 }, "filters_row": { "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 }, "filters_inner": { "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 }, "schedule_table_card": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "schedule_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_datetime_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_price_seats_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 }, "detail_content": { "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 }, "seat_summary_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 } }, "layout_zones": [ { "zone_id": "sidebar_zone", "component": "admin_sidebar", "anchor": "top-left", "size_hint": "240px", "z_layer": "base", "notes": "Fixed left sidebar for admin navigation" }, { "zone_id": "content_zone", "component": "content_area", "anchor": "center", "size_hint": "auto", "z_layer": "base", "notes": "Main content area fills remaining space" }, { "zone_id": "modal_zone", "component": "schedule_modal", "anchor": "center", "size_hint": "640px", "z_layer": "overlay", "notes": "Modal overlay for add/edit schedule form" }, { "zone_id": "drawer_zone", "component": "detail_drawer", "anchor": "top-left", "size_hint": "600px", "z_layer": "overlay", "notes": "Right drawer for schedule detail view" } ], "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 }