{
  "page_ir": {
    "page_id": "booking_history",
    "page_goal": "Display all user bookings with tab filters, search, date range filtering, and actions including view details, cancel booking, and download ticket",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "blue primary with status-colored badges"
    },
    "accessibility": {
      "required_labels": [
        "search_input",
        "date_range_picker",
        "tab_filters",
        "booking_cards",
        "cancel_modal"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 992,
        "xl": 1200
      },
      "collapse_rules": [
        "booking_cards_stack_vertically_on_small"
      ],
      "hidden_on_small": [
        "date_range_filter"
      ],
      "stack_on_small": []
    },
    "constraints": [
      "User must be authenticated to view bookings",
      "Cancel only available for eligible bookings"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "bookings": {
        "type": "array",
        "initial": [],
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "activeTab": {
        "type": "string",
        "initial": "all",
        "required": true,
        "constraints": {
          "enum": [
            "upcoming",
            "completed",
            "cancelled",
            "all"
          ]
        },
        "item_type": null
      },
      "searchQuery": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "dateRange": {
        "type": "array",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "loading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "pagination": {
        "type": "object",
        "initial": {
          "current": 1,
          "pageSize": 10,
          "total": 0
        },
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "cancelModalVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "selectedBooking": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "cancellationReason": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "cancelLoading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "filteredBookings": {
        "type": "array",
        "expr": "state.bookings.filter(b => (state.activeTab === 'all' || (state.activeTab === 'upcoming' && b.status === 'CONFIRMED') || (state.activeTab === 'completed' && b.status === 'COMPLETED') || (state.activeTab === 'cancelled' && b.status === 'CANCELLED')) && (!state.searchQuery || b.booking_reference.toLowerCase().includes(state.searchQuery.toLowerCase())))",
        "deps": []
      },
      "calculatedRefundAmount": {
        "type": "number",
        "expr": "state.selectedBooking ? ((() => { const dep = new Date(state.selectedBooking.booking_datetime); const now = new Date(); const hoursUntilDeparture = (dep - now) / 3600000; if (hoursUntilDeparture > 24) return state.selectedBooking.total_amount; if (hoursUntilDeparture >= 2) return state.selectedBooking.total_amount * 0.5; return 0; })()) : 0",
        "deps": []
      },
      "refundPercentage": {
        "type": "string",
        "expr": "state.selectedBooking ? ((() => { const dep = new Date(state.selectedBooking.booking_datetime); const now = new Date(); const hoursUntilDeparture = (dep - now) / 3600000; if (hoursUntilDeparture > 24) return '100%'; if (hoursUntilDeparture >= 2) return '50%'; return '0%'; })()) : '0%'",
        "deps": []
      },
      "hasBookings": {
        "type": "boolean",
        "expr": "state.bookings.length > 0",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "8d8ed4b79acf45ca9ad16a894e5194c4": {
        "endpoint_id": "8d8ed4b79acf45ca9ad16a894e5194c4",
        "module": "Booking Management",
        "endpoint": "/bookings/",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "user_id": "$context.currentUser.userId",
          "limit": "$state.pagination.pageSize",
          "offset": "($state.pagination.current - 1) * $state.pagination.pageSize",
          "status": "$state.activeTab !== 'all' ? $state.activeTab.toUpperCase() : undefined"
        },
        "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
      },
      "9f214e7f46134cbca0e44d0145baee96": {
        "endpoint_id": "9f214e7f46134cbca0e44d0145baee96",
        "module": "Cancellations",
        "endpoint": "/cancellations/",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": {
          "booking_id": "$state.selectedBooking.id",
          "user_id": "$context.currentUser.userId",
          "cancellation_datetime": "new Date().toISOString()",
          "reason": "$state.cancellationReason",
          "refund_amount": "$derived.calculatedRefundAmount",
          "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
      },
      "0048ef9c1e6e443e90d71d2d60b78cf1": {
        "endpoint_id": "0048ef9c1e6e443e90d71d2d60b78cf1",
        "module": "Booking Management",
        "endpoint": "/bookings/{booking_id}/details",
        "method": "GET",
        "path_params": {
          "booking_id": "$state.selectedBooking.id"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "reservation_id",
          "booking_datetime",
          "total_amount",
          "payment_status",
          "booking_reference",
          "status",
          "user",
          "schedule",
          "booking_seats",
          "ticket",
          "payments"
        ],
        "response_target": "fetchBookingDetails_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": [
          "booking_reference",
          "booking_datetime",
          "total_amount",
          "status",
          "payment_status"
        ],
        "search_fields": [],
        "filters": [
          "status",
          "user_id"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "cancellation": {
        "name": "Cancellation",
        "backend_module": "Cancellations",
        "fields": [
          "id",
          "booking_id",
          "user_id",
          "cancellation_datetime",
          "reason",
          "refund_amount",
          "refund_status",
          "processed_at",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "reason",
          "refund_amount",
          "refund_status"
        ],
        "search_fields": [],
        "filters": [
          "booking_id",
          "user_id"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onTabChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.activeTab",
            "expr": "event.value"
          },
          {
            "target": "state.pagination",
            "expr": "{ ...state.pagination, current: 1 }"
          }
        ],
        "description": ""
      },
      "onSearchChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.searchQuery",
            "expr": "event.value"
          }
        ],
        "description": ""
      },
      "onDateRangeChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.dateRange",
            "expr": "event.value"
          }
        ],
        "description": ""
      },
      "onPageChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.pagination",
            "expr": "{ ...state.pagination, current: event.value }"
          }
        ],
        "description": ""
      },
      "onCancelReasonChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.cancellationReason",
            "expr": "event.value"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "4483e1863bfb4a2abc6bc90c58dc03f7": {
        "action_id": "4483e1863bfb4a2abc6bc90c58dc03f7",
        "trigger": "button_click",
        "target_component_id": "booking_list",
        "operation": "read",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.loading",
            "expr": "true"
          }
        ],
        "api_endpoint": "8d8ed4b79acf45ca9ad16a894e5194c4",
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "cfc46f7c67024a3d89945ba3a36e69f1": {
        "action_id": "cfc46f7c67024a3d89945ba3a36e69f1",
        "trigger": "button_click",
        "target_component_id": "view_details_btn",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/bookings/${booking.id}"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "8ace12f561134e7f9dc37ef894990c42": {
        "action_id": "8ace12f561134e7f9dc37ef894990c42",
        "trigger": "button_click",
        "target_component_id": "cancel_booking_btn",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.cancelModalVisible",
            "expr": "true"
          },
          {
            "target": "state.selectedBooking",
            "expr": "event.booking"
          },
          {
            "target": "state.cancellationReason",
            "expr": "''"
          }
        ],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "dbf8f422299d4a5286c9ed9400bba8d1": {
        "action_id": "dbf8f422299d4a5286c9ed9400bba8d1",
        "trigger": "button_click",
        "target_component_id": "cancel_modal_go_back_btn",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.cancelModalVisible",
            "expr": "false"
          },
          {
            "target": "state.selectedBooking",
            "expr": "null"
          },
          {
            "target": "state.cancellationReason",
            "expr": "''"
          }
        ],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "a2f6693ea917415ca3187203a5ab5948": {
        "action_id": "a2f6693ea917415ca3187203a5ab5948",
        "trigger": "button_click",
        "target_component_id": "confirm_cancel_btn",
        "operation": "create",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"cancellationReason\", \"message\": \"Please provide a reason for cancellation\", \"rule_id\": \"val_reason\", \"type\": \"required\"}",
            "message": "{\"field\": \"cancellationReason\", \"message\": \"Please provide a reason for cancellation\", \"rule_id\": \"val_reason\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.cancelLoading",
            "expr": "true"
          }
        ],
        "api_endpoint": "9f214e7f46134cbca0e44d0145baee96",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Booking cancelled successfully. Refund will be processed in 5-7 business days.",
              "type": "success"
            }
          },
          {
            "type": "modal_close",
            "config": {
              "modal_id": "cancel_modal"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchUserBookings"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "3df5a0eff6cf479f8165e70c1746d1cc": {
        "action_id": "3df5a0eff6cf479f8165e70c1746d1cc",
        "trigger": "button_click",
        "target_component_id": "download_ticket_btn",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "download",
            "config": {
              "url": "/bookings/${booking.id}/ticket",
              "filename": "ticket_${booking.booking_reference}.pdf"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "722f8d36e4bd44dcbca328812de6ccf6": {
        "action_id": "722f8d36e4bd44dcbca328812de6ccf6",
        "trigger": "button_click",
        "target_component_id": "search_buses_btn",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "ad4bbba838674a838bc46b0db72935dd": {
        "action_id": "ad4bbba838674a838bc46b0db72935dd",
        "trigger": "button_click",
        "target_component_id": "profile_nav_btn",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/profile"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "4483e1863bfb4a2abc6bc90c58dc03f7": {
        "action_id": "4483e1863bfb4a2abc6bc90c58dc03f7",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": null,
        "error_message": "Failed to load bookings. Please try again.",
        "ui_updates": [
          "state.loading = false"
        ]
      },
      "a2f6693ea917415ca3187203a5ab5948": {
        "action_id": "a2f6693ea917415ca3187203a5ab5948",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Booking cancelled successfully. Refund will be processed in 5-7 business days.",
        "error_message": "Failed to cancel booking. Please try again.",
        "ui_updates": [
          "state.cancelLoading = false",
          "state.cancelModalVisible = false"
        ]
      },
      "3df5a0eff6cf479f8165e70c1746d1cc": {
        "action_id": "3df5a0eff6cf479f8165e70c1746d1cc",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Ticket downloaded successfully",
        "error_message": "Failed to download ticket. Please try again.",
        "ui_updates": []
      }
    }
  },
  "component_ir": {
    "library": "antd",
    "theme": {
      "primaryColor": "#1677ff",
      "secondaryColor": "#000000",
      "successColor": null,
      "warningColor": null,
      "errorColor": null,
      "fontFamily": "sans-serif",
      "fontSize": null,
      "borderRadius": 6
    },
    "components": {
      "main_container": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "minHeight": "100vh",
          "width": "100%",
          "backgroundColor": "#f5f5f5"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "top_nav": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "backgroundColor": "#fff",
          "padding": "0 24px",
          "height": "64px",
          "display": "flex",
          "alignItems": "center",
          "justifyContent": "space-between",
          "boxShadow": "0 2px 8px rgba(0,0,0,0.06)",
          "position": "sticky",
          "top": 0,
          "zIndex": 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
      },
      "nav_logo": {
        "type": "Typography.Title",
        "label": "Bus Booking",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 4,
          "style": {
            "margin": 0,
            "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
      },
      "nav_links": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "middle"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "search_buses_btn": {
        "type": "Button",
        "label": "Search Buses",
        "description": null,
        "bind": null,
        "onClick": "navigateToSearch",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "my_bookings_nav_btn": {
        "type": "Button",
        "label": "My Bookings",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link",
          "style": {
            "fontWeight": "bold",
            "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
      },
      "profile_nav_btn": {
        "type": "Button",
        "label": "My Profile",
        "description": null,
        "bind": null,
        "onClick": "navigateToProfile",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "link"
        },
        "dynamic_props": {},
        "styles": {},
        "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_content": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "maxWidth": "1200px",
          "margin": "0 auto",
          "padding": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_header": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_title": {
        "type": "Typography.Title",
        "label": "My Bookings",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 2
        },
        "dynamic_props": {},
        "styles": {},
        "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_subtitle": {
        "type": "Typography.Text",
        "label": "View and manage all your bus bookings",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {},
        "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_section": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": false
        },
        "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
      },
      "tab_filters": {
        "type": "Tabs",
        "label": "Booking Status Filter",
        "description": null,
        "bind": "state.activeTab",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "items": [
            {
              "key": "all",
              "label": "All"
            },
            {
              "key": "upcoming",
              "label": "Upcoming"
            },
            {
              "key": "completed",
              "label": "Completed"
            },
            {
              "key": "cancelled",
              "label": "Cancelled"
            }
          ],
          "onChange": "onTabChange"
        },
        "dynamic_props": {},
        "styles": {},
        "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_filter_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "gap": "16px",
          "flexWrap": "wrap",
          "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
      },
      "search_input": {
        "type": "Input.Search",
        "label": "Search by booking reference",
        "description": null,
        "bind": "state.searchQuery",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Search by booking reference...",
          "allowClear": true,
          "onChange": "onSearchChange",
          "style": {
            "maxWidth": "320px"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "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": "Filter by date range",
        "description": null,
        "bind": "state.dateRange",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "onChange": "onDateRangeChange",
          "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
      },
      "booking_list": {
        "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
      },
      "booking_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": "derived.filteredBookings",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "hoverable": true,
          "style": {
            "marginBottom": "16px"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "booking_card_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": "12px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "booking_reference_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "booking.booking_reference",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true,
          "style": {
            "fontSize": "16px"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "booking_status_badge": {
        "type": "Tag",
        "label": null,
        "description": null,
        "bind": "booking.status",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "color": "booking.status === 'CONFIRMED' ? 'green' : booking.status === 'COMPLETED' ? 'blue' : 'red'"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "booking_card_body": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "grid",
          "gridTemplateColumns": "1fr 1fr 1fr 1fr",
          "gap": "16px",
          "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
      },
      "booking_route_info": {
        "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
      },
      "route_label": {
        "type": "Typography.Text",
        "label": "Route",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "style": {
            "fontSize": "12px"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "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_value": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "booking.origin_city + ' → ' + booking.destination_city",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "booking_departure_info": {
        "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
      },
      "departure_label": {
        "type": "Typography.Text",
        "label": "Departure",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "style": {
            "fontSize": "12px"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "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_value": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "booking.booking_datetime",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "booking_amount_info": {
        "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
      },
      "amount_label": {
        "type": "Typography.Text",
        "label": "Total Amount",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "style": {
            "fontSize": "12px"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "amount_value": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "'₹' + booking.total_amount",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "booking_payment_info": {
        "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
      },
      "payment_label": {
        "type": "Typography.Text",
        "label": "Payment",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary",
          "style": {
            "fontSize": "12px"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "payment_status_tag": {
        "type": "Tag",
        "label": null,
        "description": null,
        "bind": "booking.payment_status",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "color": "booking.payment_status === 'COMPLETED' ? 'green' : booking.payment_status === 'PENDING' ? 'orange' : booking.payment_status === 'REFUNDED' ? 'purple' : 'red'"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "booking_card_actions": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "gap": "8px",
          "borderTop": "1px solid #f0f0f0",
          "paddingTop": "12px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "view_details_btn": {
        "type": "Button",
        "label": "View Details",
        "description": null,
        "bind": null,
        "onClick": "viewBookingDetail",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "cancel_booking_btn": {
        "type": "Button",
        "label": "Cancel Booking",
        "description": null,
        "bind": null,
        "onClick": "openCancelModal",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "default",
          "danger": true,
          "size": "small",
          "disabled": "booking.status !== 'CONFIRMED'"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "download_ticket_btn": {
        "type": "Button",
        "label": "Download Ticket",
        "description": null,
        "bind": null,
        "onClick": "downloadTicket",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "default",
          "size": "small",
          "icon": "DownloadOutlined",
          "disabled": "booking.status !== 'CONFIRMED'"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "empty_state": {
        "type": "Empty",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "description": "No bookings found. Start by searching for buses!",
          "image": "Empty.PRESENTED_IMAGE_SIMPLE"
        },
        "dynamic_props": {},
        "styles": {
          "padding": "48px 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
      },
      "empty_state_action_btn": {
        "type": "Button",
        "label": "Search Buses",
        "description": null,
        "bind": null,
        "onClick": "navigateToSearch",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "pagination_section": {
        "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": "center",
          "marginTop": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "pagination_control": {
        "type": "Pagination",
        "label": null,
        "description": null,
        "bind": "state.pagination",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "showSizeChanger": true,
          "showQuickJumper": true,
          "showTotal": "total => `Total ${total} bookings`",
          "onChange": "onPageChange"
        },
        "dynamic_props": {},
        "styles": {},
        "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",
          "open": "state.cancelModalVisible",
          "onCancel": "closeCancelModal",
          "footer": null,
          "width": 520
        },
        "dynamic_props": {},
        "styles": {},
        "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_content": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "padding": "8px 0"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "cancel_warning_alert": {
        "type": "Alert",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "warning",
          "message": "Cancellation Policy",
          "description": "• More than 24 hours before departure: 100% refund\n• 2-24 hours before departure: 50% refund\n• Less than 2 hours before departure: No refund",
          "showIcon": true,
          "style": {
            "marginBottom": "16px"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "refund_info_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small",
          "style": {
            "marginBottom": "16px",
            "backgroundColor": "#f6ffed"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "refund_amount_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "'Estimated Refund: ₹' + derived.calculatedRefundAmount + ' (' + derived.refundPercentage + ')'",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true,
          "style": {
            "fontSize": "16px",
            "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
      },
      "cancel_reason_label": {
        "type": "Typography.Text",
        "label": "Reason for cancellation",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true,
          "style": {
            "display": "block",
            "marginBottom": "8px"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "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": "Cancellation reason",
        "description": null,
        "bind": "state.cancellationReason",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Please provide a reason for cancellation...",
          "rows": 3,
          "onChange": "onCancelReasonChange",
          "maxLength": 500,
          "showCount": 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_modal_actions": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "flex-end",
          "gap": "8px",
          "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
      },
      "cancel_modal_go_back_btn": {
        "type": "Button",
        "label": "Go Back",
        "description": null,
        "bind": null,
        "onClick": "closeCancelModal",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "default"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "confirm_cancel_btn": {
        "type": "Button",
        "label": "Confirm Cancellation",
        "description": null,
        "bind": null,
        "onClick": "confirmCancellation",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "danger": true,
          "loading": "state.cancelLoading"
        },
        "dynamic_props": {},
        "styles": {},
        "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": [
        "top_nav",
        "page_content"
      ],
      "top_nav": [
        "nav_logo",
        "nav_links"
      ],
      "nav_links": [
        "search_buses_btn",
        "my_bookings_nav_btn",
        "profile_nav_btn"
      ],
      "page_content": [
        "page_header",
        "filters_section",
        "booking_list",
        "empty_state",
        "pagination_section",
        "cancel_modal"
      ],
      "page_header": [
        "page_title",
        "page_subtitle"
      ],
      "filters_section": [
        "tab_filters",
        "search_filter_row"
      ],
      "search_filter_row": [
        "search_input",
        "date_range_filter"
      ],
      "booking_list": [
        "booking_card"
      ],
      "booking_card": [
        "booking_card_header",
        "booking_card_body",
        "booking_card_actions"
      ],
      "booking_card_header": [
        "booking_reference_text",
        "booking_status_badge"
      ],
      "booking_card_body": [
        "booking_route_info",
        "booking_departure_info",
        "booking_amount_info",
        "booking_payment_info"
      ],
      "booking_route_info": [
        "route_label",
        "route_value"
      ],
      "booking_departure_info": [
        "departure_label",
        "departure_value"
      ],
      "booking_amount_info": [
        "amount_label",
        "amount_value"
      ],
      "booking_payment_info": [
        "payment_label",
        "payment_status_tag"
      ],
      "booking_card_actions": [
        "view_details_btn",
        "cancel_booking_btn",
        "download_ticket_btn"
      ],
      "empty_state": [
        "empty_state_action_btn"
      ],
      "pagination_section": [
        "pagination_control"
      ],
      "cancel_modal": [
        "cancel_modal_content"
      ],
      "cancel_modal_content": [
        "cancel_warning_alert",
        "refund_info_card",
        "cancel_reason_label",
        "cancel_reason_input",
        "cancel_modal_actions"
      ],
      "refund_info_card": [
        "refund_amount_text"
      ],
      "cancel_modal_actions": [
        "cancel_modal_go_back_btn",
        "confirm_cancel_btn"
      ]
    },
    "layout": {
      "main_container": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "top_nav": {
        "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
      },
      "nav_links": {
        "type": "horizontal",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "page_content": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "page_header": {
        "type": "vertical",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "filters_section": {
        "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
      },
      "search_filter_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
      },
      "booking_list": {
        "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
      },
      "booking_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
      },
      "booking_card_header": {
        "type": "horizontal",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "booking_card_body": {
        "type": "grid",
        "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
      },
      "booking_route_info": {
        "type": "vertical",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "booking_departure_info": {
        "type": "vertical",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "booking_amount_info": {
        "type": "vertical",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "booking_payment_info": {
        "type": "vertical",
        "gap": 4,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "booking_card_actions": {
        "type": "horizontal",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "empty_state": {
        "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
      },
      "pagination_section": {
        "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
      },
      "cancel_modal": {
        "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
      },
      "cancel_modal_content": {
        "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
      },
      "refund_info_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
      },
      "cancel_modal_actions": {
        "type": "horizontal",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      }
    },
    "layout_zones": [
      {
        "zone_id": "main_zone",
        "component": "main_container",
        "anchor": "top-left",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Root page container"
      },
      {
        "zone_id": "modal_zone",
        "component": "cancel_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Cancellation confirmation modal overlay"
      }
    ],
    "responsive_overrides": []
  },
  "navigation_ir": {
    "tabs": [],
    "modals": {},
    "drawers": {},
    "routes": [],
    "breadcrumb": null,
    "default_tab": null
  },
  "realtime_ir": {
    "timers": {},
    "polling": {}
  },
  "metadata": {
    "ir_version": "3.5",
    "generated_at": "",
    "source_prompt": null,
    "schema_session_id": null,
    "warnings": []
  },
  "page_data_contract": null,
  "schema_ir": null
}