{ "page_ir": { "page_id": "admin_bookings", "page_goal": "Admin booking monitoring page displaying comprehensive data table of all bookings with search, filters, sorting, pagination, detail view, cancellation, export, and summary statistics", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with status color badges" }, "accessibility": { "required_labels": [ "search_input", "status_filter", "date_range_filter", "bookings_table", "export_button" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 992, "xl": 1200 }, "collapse_rules": [ "sidebar collapses on md and below", "stats cards stack vertically on sm" ], "hidden_on_small": [ "sidebar" ], "stack_on_small": [] }, "constraints": [ "Admin role required", "All data fetched server-side with pagination" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "bookings": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "bookingsLoading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "totalBookingsCount": { "type": "number", "initial": 0, "required": false, "constraints": {}, "item_type": null }, "searchText": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterStatus": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterDateRange": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "filterScheduleId": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "currentPage": { "type": "number", "initial": 1, "required": false, "constraints": {}, "item_type": null }, "pageSize": { "type": "number", "initial": 20, "required": false, "constraints": {}, "item_type": null }, "sortField": { "type": "string", "initial": "booking_datetime", "required": false, "constraints": {}, "item_type": null }, "sortOrder": { "type": "string", "initial": "descend", "required": false, "constraints": {}, "item_type": null }, "detailDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedBookingId": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "selectedBookingDetail": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "cancelModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "cancelBookingId": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "summaryStats": { "type": "object", "initial": { "total": 0, "totalRevenue": 0, "confirmed": 0, "cancelled": 0 }, "required": false, "constraints": {}, "item_type": null } }, "derived": { "paginationOffset": { "type": "number", "expr": "(state.currentPage - 1) * state.pageSize", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "d4b5856b5a3e4f1cb24363286c826795": { "endpoint_id": "d4b5856b5a3e4f1cb24363286c826795", "module": "Booking Management", "endpoint": "/bookings/", "method": "GET", "path_params": {}, "query_params": { "limit": "$state.pageSize", "offset": "$derived.paginationOffset", "status": "$state.filterStatus", "schedule_id": "$state.filterScheduleId" }, "body": null, "fields": [ "id", "reservation_id", "user_id", "schedule_id", "booking_datetime", "total_amount", "payment_status", "booking_reference", "status", "created_at", "updated_at" ], "response_target": "bookings", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "e250707b15fa40a992fa111a341dd8aa": { "endpoint_id": "e250707b15fa40a992fa111a341dd8aa", "module": "Booking Management", "endpoint": "/bookings/{booking_id}/details", "method": "GET", "path_params": { "booking_id": "$state.selectedBookingId" }, "query_params": {}, "body": null, "fields": [ "id", "reservation_id", "booking_datetime", "total_amount", "payment_status", "booking_reference", "status", "created_at", "updated_at", "user", "schedule", "booking_seats", "ticket", "payments" ], "response_target": "selectedBookingDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "6a0c6cc548274d28abfa505597cfbd80": { "endpoint_id": "6a0c6cc548274d28abfa505597cfbd80", "module": "Cancellations", "endpoint": "/cancellations/", "method": "POST", "path_params": {}, "query_params": {}, "body": { "booking_id": "$state.cancelBookingId", "user_id": "appContext.currentUser.userId", "cancellation_datetime": "new Date().toISOString()", "reason": "$form.reason", "refund_amount": "$state.bookings.find(b => b.id === state.cancelBookingId)?.total_amount", "refund_status": "PENDING" }, "fields": [ "id", "booking_id", "user_id", "cancellation_datetime", "reason", "refund_amount", "refund_status" ], "response_target": "createCancellation_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "booking": { "name": "Booking", "backend_module": "Booking Management", "fields": [ "id", "reservation_id", "user_id", "schedule_id", "booking_datetime", "total_amount", "payment_status", "booking_reference", "status", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "booking_reference", "user_id", "schedule_id", "booking_datetime", "total_amount", "payment_status", "status" ], "search_fields": [], "filters": [ "status", "schedule_id" ], "default_sort": null, "default_sort_dir": "asc" }, "bookingDetail": { "name": "BookingDetail", "backend_module": "Booking Management", "fields": [ "id", "reservation_id", "booking_datetime", "total_amount", "payment_status", "booking_reference", "status", "created_at", "updated_at", "user", "schedule", "booking_seats", "ticket", "payments" ], "computed": [], "display_fields": [ "id", "booking_reference", "booking_datetime", "total_amount", "payment_status", "status", "user", "schedule", "booking_seats", "ticket", "payments" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" }, "cancellation": { "name": "Cancellation", "backend_module": "Cancellations", "fields": [ "booking_id", "user_id", "cancellation_datetime", "reason", "refund_amount", "refund_status", "processed_at" ], "computed": [], "display_fields": [ "booking_id", "reason", "refund_amount", "refund_status" ], "search_fields": [], "filters": [], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onSearchChange": { "type": "mutation", "updates": [ { "target": "state.searchText", "expr": "event.target.value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onStatusFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterStatus", "expr": "value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onDateRangeChange": { "type": "mutation", "updates": [ { "target": "state.filterDateRange", "expr": "dates" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onScheduleFilterChange": { "type": "mutation", "updates": [ { "target": "state.filterScheduleId", "expr": "value" }, { "target": "state.currentPage", "expr": "1" } ], "description": "" }, "onPageChange": { "type": "mutation", "updates": [ { "target": "state.currentPage", "expr": "page" }, { "target": "state.pageSize", "expr": "pageSize" } ], "description": "" }, "onTableSortChange": { "type": "mutation", "updates": [ { "target": "state.sortField", "expr": "sorter.field" }, { "target": "state.sortOrder", "expr": "sorter.order" } ], "description": "" }, "onCloseDetailDrawer": { "type": "mutation", "updates": [ { "target": "state.detailDrawerVisible", "expr": "false" }, { "target": "state.selectedBookingDetail", "expr": "null" } ], "description": "" }, "onCloseCancelModal": { "type": "mutation", "updates": [ { "target": "state.cancelModalVisible", "expr": "false" }, { "target": "state.cancelBookingId", "expr": "''" } ], "description": "" } }, "actions": { "a8282298f5474e93884aaec00d32892b": { "action_id": "a8282298f5474e93884aaec00d32892b", "trigger": "button_click", "target_component_id": "bookings_table", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.bookingsLoading", "expr": "true" } ], "api_endpoint": "d4b5856b5a3e4f1cb24363286c826795", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "6f0d0f32782840f3809c5577643755ae": { "action_id": "6f0d0f32782840f3809c5577643755ae", "trigger": "button_click", "target_component_id": "detail_drawer", "operation": "read", "description": "", "payload": { "booking_id": "$state.selectedBookingId" }, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.detailDrawerVisible", "expr": "true" }, { "target": "state.selectedBookingId", "expr": "record.id" } ], "api_endpoint": "e250707b15fa40a992fa111a341dd8aa", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "0fdfc1a965cd41b8ba39ae00dcdf0cb1": { "action_id": "0fdfc1a965cd41b8ba39ae00dcdf0cb1", "trigger": "button_click", "target_component_id": "cancel_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.cancelModalVisible", "expr": "true" }, { "target": "state.cancelBookingId", "expr": "record.id" } ], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "modal_open", "config": { "modal_id": "cancel_modal" } } ], "then": null, "catch": null, "data_action": null }, "f0e621692488465d999b3dfb1662e029": { "action_id": "f0e621692488465d999b3dfb1662e029", "trigger": "form_submit", "target_component_id": "cancel_modal", "operation": "create", "description": "", "payload": { "booking_id": "$state.cancelBookingId", "user_id": "appContext.currentUser.userId", "cancellation_datetime": "new Date().toISOString()", "reason": "$form.reason", "refund_amount": "$state.bookings.find(b => b.id === state.cancelBookingId)?.total_amount", "refund_status": "PENDING" }, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"reason\", \"message\": \"Cancellation reason is required\", \"rule_id\": \"val_reason\", \"type\": \"required\"}", "message": "{\"field\": \"reason\", \"message\": \"Cancellation reason is required\", \"rule_id\": \"val_reason\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.cancelModalVisible", "expr": "false" }, { "target": "state.cancelBookingId", "expr": "''" } ], "api_endpoint": "6a0c6cc548274d28abfa505597cfbd80", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Booking cancelled successfully with full refund", "type": "success" } }, { "type": "modal_close", "config": { "modal_id": "cancel_modal" } } ], "then": null, "catch": null, "data_action": null }, "94b708cf78cf40f1a646c3b4b59e045a": { "action_id": "94b708cf78cf40f1a646c3b4b59e045a", "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": "csv", "filename": "bookings_export.csv" } } ], "then": null, "catch": null, "data_action": null }, "ba7c249c8ba044a2b90c88cce3d1ebd7": { "action_id": "ba7c249c8ba044a2b90c88cce3d1ebd7", "trigger": "button_click", "target_component_id": "sidebar_nav", "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": "$event.path" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "a8282298f5474e93884aaec00d32892b": { "action_id": "a8282298f5474e93884aaec00d32892b", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load bookings", "ui_updates": [ "state.bookingsLoading = false" ] }, "6f0d0f32782840f3809c5577643755ae": { "action_id": "6f0d0f32782840f3809c5577643755ae", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load booking details", "ui_updates": [] }, "f0e621692488465d999b3dfb1662e029": { "action_id": "f0e621692488465d999b3dfb1662e029", "loading_indicator": "spinner", "loading_text": null, "success_message": "Booking cancelled with full refund (Admin cancellation per BR3.6)", "error_message": "Failed to cancel booking", "ui_updates": [] }, "94b708cf78cf40f1a646c3b4b59e045a": { "action_id": "94b708cf78cf40f1a646c3b4b59e045a", "loading_indicator": "spinner", "loading_text": null, "success_message": "Export started", "error_message": "Export failed", "ui_updates": [] }, "ba7c249c8ba044a2b90c88cce3d1ebd7": { "action_id": "ba7c249c8ba044a2b90c88cce3d1ebd7", "loading_indicator": null, "loading_text": null, "success_message": null, "error_message": null, "ui_updates": [] }, "0fdfc1a965cd41b8ba39ae00dcdf0cb1": { "action_id": "0fdfc1a965cd41b8ba39ae00dcdf0cb1", "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%" }, "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_nav": { "type": "Layout.Sider", "label": "Admin Navigation", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "collapsible": true, "width": 240, "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 }, "sidebar_menu": { "type": "Menu", "label": "Navigation Menu", "description": null, "bind": null, "onClick": "navigateTo", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "mode": "inline", "selectedKeys": [ "admin_bookings" ], "items": [ { "key": "admin_dashboard", "label": "Dashboard", "icon": "DashboardOutlined", "path": "/admin" }, { "key": "admin_routes", "label": "Routes", "icon": "NodeIndexOutlined", "path": "/admin/routes" }, { "key": "admin_buses", "label": "Buses", "icon": "CarOutlined", "path": "/admin/buses" }, { "key": "admin_schedules", "label": "Schedules", "icon": "CalendarOutlined", "path": "/admin/schedules" }, { "key": "admin_bookings", "label": "Bookings", "icon": "BookOutlined", "path": "/admin/bookings" }, { "key": "admin_reservations", "label": "Reservations", "icon": "ClockCircleOutlined", "path": "/admin/reservations" }, { "key": "admin_activity_logs", "label": "Activity Logs", "icon": "FileTextOutlined", "path": "/admin/activity-logs" }, { "key": "admin_users", "label": "Users", "icon": "TeamOutlined", "path": "/admin/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" }, "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": "Booking Monitoring", "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 }, "export_button": { "type": "Button", "label": "Export CSV", "description": null, "bind": null, "onClick": "exportBookings", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "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 }, "stats_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ] }, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_total_bookings": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 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 }, "stat_total_bookings_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 }, "stat_total_bookings_statistic": { "type": "Statistic", "label": "Total Bookings", "description": null, "bind": "state.summaryStats.total", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Total Bookings", "valueStyle": { "color": "#1677ff" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_total_revenue": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 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 }, "stat_total_revenue_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 }, "stat_total_revenue_statistic": { "type": "Statistic", "label": "Total Revenue", "description": null, "bind": "state.summaryStats.totalRevenue", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Total Revenue", "prefix": "₹", "precision": 2, "valueStyle": { "color": "#52c41a" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_confirmed": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 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 }, "stat_confirmed_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 }, "stat_confirmed_statistic": { "type": "Statistic", "label": "Confirmed", "description": null, "bind": "state.summaryStats.confirmed", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Confirmed", "valueStyle": { "color": "#52c41a" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "stat_cancelled": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 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 }, "stat_cancelled_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 }, "stat_cancelled_statistic": { "type": "Statistic", "label": "Cancelled", "description": null, "bind": "state.summaryStats.cancelled", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Cancelled", "valueStyle": { "color": "#ff4d4f" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filters_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "small" }, "dynamic_props": {}, "styles": { "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_row": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": [ 16, 16 ], "align": "middle" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "search_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8 }, "dynamic_props": {}, "styles": {}, "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 bookings", "description": null, "bind": "state.searchText", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by reference, email, or phone", "allowClear": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "status_filter_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 4 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "status_filter": { "type": "Select", "label": "Status Filter", "description": null, "bind": "state.filterStatus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Status", "allowClear": true, "options": [ { "label": "Confirmed", "value": "CONFIRMED" }, { "label": "Cancelled", "value": "CANCELLED" }, { "label": "Completed", "value": "COMPLETED" } ], "style": { "width": "100%" } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "date_range_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 8 }, "dynamic_props": {}, "styles": {}, "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_picker": { "type": "DatePicker.RangePicker", "label": "Date Range", "description": null, "bind": "state.filterDateRange", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": "100%" }, "placeholder": [ "Start Date", "End 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 }, "schedule_filter_col": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "xs": 24, "sm": 12, "md": 4 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "schedule_filter": { "type": "Input", "label": "Schedule/Route Filter", "description": null, "bind": "state.filterScheduleId", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Schedule ID", "allowClear": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "bookings_table_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bodyStyle": { "padding": 0 } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "bookings_table": { "type": "Table", "label": "Bookings Table", "description": null, "bind": "state.bookings", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "$state.bookingsLoading", "pagination": { "current": "$state.currentPage", "pageSize": "$state.pageSize", "total": "$state.totalBookingsCount", "showSizeChanger": true, "showTotal": true }, "columns": [ { "title": "Booking ID", "dataIndex": "id", "key": "id", "width": 100, "ellipsis": true }, { "title": "Reference", "dataIndex": "booking_reference", "key": "booking_reference", "width": 120 }, { "title": "User", "dataIndex": "user_id", "key": "user_id", "width": 150 }, { "title": "Schedule", "dataIndex": "schedule_id", "key": "schedule_id", "width": 120 }, { "title": "Booking Date", "dataIndex": "booking_datetime", "key": "booking_datetime", "sorter": true, "width": 160 }, { "title": "Amount", "dataIndex": "total_amount", "key": "total_amount", "sorter": true, "width": 100 }, { "title": "Payment Status", "dataIndex": "payment_status", "key": "payment_status", "width": 130 }, { "title": "Status", "dataIndex": "status", "key": "status", "width": 120 }, { "title": "Actions", "key": "actions", "width": 200, "fixed": "right" } ], "scroll": { "x": 1200 } }, "dynamic_props": {}, "styles": {}, "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": "Booking Details", "description": null, "bind": "state.detailDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Booking Details", "width": 640, "placement": "right" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "detail_descriptions": { "type": "Descriptions", "label": "Booking Information", "description": null, "bind": "state.selectedBookingDetail", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 2, "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 }, "detail_passenger_section": { "type": "Card", "label": "Passenger Details", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Passenger Details", "size": "small" }, "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 }, "detail_seats_section": { "type": "Card", "label": "Seat Assignments", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Seat Assignments", "size": "small" }, "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 }, "detail_payment_section": { "type": "Card", "label": "Payment Information", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Payment Information", "size": "small" }, "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 }, "detail_ticket_section": { "type": "Card", "label": "Ticket Information", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Ticket Information", "size": "small" }, "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 }, "detail_timeline_section": { "type": "Card", "label": "Booking Timeline", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Booking Timeline", "size": "small" }, "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 }, "detail_timeline": { "type": "Timeline", "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 }, "cancel_modal": { "type": "Modal", "label": "Cancel Booking", "description": null, "bind": "state.cancelModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Cancel Booking", "okText": "Confirm Cancellation", "okButtonProps": { "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 }, "cancel_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_alert": { "type": "Alert", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "warning", "message": "Admin Cancellation", "description": "Per BR3.6, admin cancellations result in a full refund to the customer regardless of timing.", "showIcon": true }, "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 }, "cancel_reason_field": { "type": "Form.Item", "label": "Cancellation Reason", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "reason", "label": "Cancellation Reason", "rules": [ { "required": true, "message": "Please provide a reason for cancellation" } ] }, "dynamic_props": {}, "styles": {}, "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_input": { "type": "Input.TextArea", "label": "Reason", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rows": 4, "placeholder": "Enter reason for cancellation" }, "dynamic_props": {}, "styles": {}, "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": [ "sidebar_nav", "content_area" ], "sidebar_nav": [ "sidebar_menu" ], "content_area": [ "page_header", "stats_row", "filters_card", "bookings_table_card", "detail_drawer", "cancel_modal" ], "page_header": [ "page_title", "export_button" ], "stats_row": [ "stat_total_bookings", "stat_total_revenue", "stat_confirmed", "stat_cancelled" ], "stat_total_bookings": [ "stat_total_bookings_card" ], "stat_total_bookings_card": [ "stat_total_bookings_statistic" ], "stat_total_revenue": [ "stat_total_revenue_card" ], "stat_total_revenue_card": [ "stat_total_revenue_statistic" ], "stat_confirmed": [ "stat_confirmed_card" ], "stat_confirmed_card": [ "stat_confirmed_statistic" ], "stat_cancelled": [ "stat_cancelled_card" ], "stat_cancelled_card": [ "stat_cancelled_statistic" ], "filters_card": [ "filters_row" ], "filters_row": [ "search_col", "status_filter_col", "date_range_col", "schedule_filter_col" ], "search_col": [ "search_input" ], "status_filter_col": [ "status_filter" ], "date_range_col": [ "date_range_picker" ], "schedule_filter_col": [ "schedule_filter" ], "bookings_table_card": [ "bookings_table" ], "detail_drawer": [ "detail_descriptions", "detail_passenger_section", "detail_seats_section", "detail_payment_section", "detail_ticket_section", "detail_timeline_section" ], "detail_timeline_section": [ "detail_timeline" ], "cancel_modal": [ "cancel_form" ], "cancel_form": [ "cancel_alert", "cancel_reason_field" ], "cancel_reason_field": [ "cancel_reason_input" ] }, "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 }, "sidebar_nav": { "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 }, "stats_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 }, "filters_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 }, "filters_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 }, "bookings_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 }, "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 }, "cancel_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 } }, "layout_zones": [ { "zone_id": "sidebar_zone", "component": "sidebar_nav", "anchor": "top-left", "size_hint": "240px", "z_layer": "base", "notes": "Fixed left sidebar 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": "detail_overlay", "component": "detail_drawer", "anchor": "top-left", "size_hint": "640px", "z_layer": "overlay", "notes": "Booking detail drawer overlay" }, { "zone_id": "cancel_overlay", "component": "cancel_modal", "anchor": "center", "size_hint": "520px", "z_layer": "overlay", "notes": "Cancel booking confirmation modal" } ], "responsive_overrides": [] }, "navigation_ir": { "tabs": [], "modals": {}, "drawers": {}, "routes": [], "breadcrumb": null, "default_tab": null }, "realtime_ir": { "timers": {}, "polling": {} }, "metadata": { "ir_version": "3.5", "generated_at": "", "source_prompt": null, "schema_session_id": null, "warnings": [] }, "page_data_contract": null, "schema_ir": null }