{
  "page_ir": {
    "page_id": "search_buses",
    "page_goal": "Allow customers to search for bus schedules by origin, destination, and date, view results with sorting/filtering, and navigate to seat selection",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "blue primary with clean white background"
    },
    "accessibility": {
      "required_labels": [
        "origin_city_input",
        "destination_city_input",
        "travel_date_picker",
        "search_button",
        "sort_select",
        "bus_type_filter",
        "price_range_slider"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "sm": 576,
        "md": 768,
        "lg": 992,
        "xl": 1200
      },
      "collapse_rules": [
        "filter_panel collapses to drawer on sm/md",
        "result_cards stack vertically on all sizes"
      ],
      "hidden_on_small": [
        "filter_sidebar"
      ],
      "stack_on_small": []
    },
    "constraints": [
      "Search form must be prominent at top",
      "Results show below search",
      "Empty state when no results",
      "Sold out badge when available_seats is 0"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "schedules": {
        "type": "array",
        "initial": [],
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "loading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "sortBy": {
        "type": "string",
        "initial": "departure_datetime",
        "required": false,
        "constraints": {
          "enum": [
            "base_price",
            "departure_datetime",
            "estimated_duration_minutes",
            "available_seats"
          ]
        },
        "item_type": null
      },
      "filterBusType": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {
          "enum": [
            "",
            "STANDARD",
            "DELUXE",
            "SLEEPER",
            "SEMI_SLEEPER"
          ]
        },
        "item_type": null
      },
      "filterPriceRange": {
        "type": "array",
        "initial": [
          0,
          5000
        ],
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "filterDepartureTimeRange": {
        "type": "array",
        "initial": [
          0,
          24
        ],
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "filterDrawerVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "hasSearched": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "filteredSchedules": {
        "type": "array",
        "expr": "state.schedules.filter(s => (!state.filterBusType || s.bus_type === state.filterBusType) && (s.base_price >= state.filterPriceRange[0] && s.base_price <= state.filterPriceRange[1]))",
        "deps": []
      },
      "sortedSchedules": {
        "type": "array",
        "expr": "derived.filteredSchedules.sort((a, b) => a[state.sortBy] > b[state.sortBy] ? 1 : -1)",
        "deps": []
      },
      "showEmptyState": {
        "type": "boolean",
        "expr": "state.hasSearched && derived.sortedSchedules.length === 0 && !state.loading",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "f997426e866545b88f950f6fe0e66043": {
        "endpoint_id": "f997426e866545b88f950f6fe0e66043",
        "module": "Schedule Management",
        "endpoint": "/schedules/search/schedules",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "origin_city": "$form.origin_city",
          "destination_city": "$form.destination_city",
          "departure_date": "$form.travel_date",
          "limit": 50
        },
        "body": null,
        "fields": [
          "id",
          "bus_id",
          "route_id",
          "departure_datetime",
          "arrival_datetime",
          "base_price",
          "available_seats",
          "status"
        ],
        "response_target": "schedules",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "cbb659e6f93f4d40a995822636c0bf00": {
        "endpoint_id": "cbb659e6f93f4d40a995822636c0bf00",
        "module": "Routes",
        "endpoint": "/routes/",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "is_active": true,
          "limit": 100
        },
        "body": null,
        "fields": [
          "id",
          "origin_city",
          "destination_city",
          "distance_km",
          "estimated_duration_minutes"
        ],
        "response_target": "routes",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "schedule": {
        "name": "Schedule",
        "backend_module": "Schedule Management",
        "fields": [
          "id",
          "bus_id",
          "route_id",
          "departure_datetime",
          "arrival_datetime",
          "base_price",
          "available_seats",
          "status",
          "created_at",
          "updated_at"
        ],
        "computed": [
          "estimated_duration_minutes"
        ],
        "display_fields": [
          "departure_datetime",
          "arrival_datetime",
          "base_price",
          "available_seats",
          "status"
        ],
        "search_fields": [],
        "filters": [
          "origin_city",
          "destination_city",
          "departure_date"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "route": {
        "name": "Route",
        "backend_module": "Routes",
        "fields": [
          "id",
          "origin_city",
          "destination_city",
          "distance_km",
          "estimated_duration_minutes",
          "is_active",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "origin_city",
          "destination_city",
          "estimated_duration_minutes"
        ],
        "search_fields": [],
        "filters": [
          "origin_city",
          "destination_city"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "bus": {
        "name": "Bus",
        "backend_module": "Bus Management",
        "fields": [
          "id",
          "bus_number",
          "bus_type",
          "total_seats",
          "seat_layout_config",
          "amenities",
          "is_active",
          "created_at",
          "updated_at"
        ],
        "computed": [],
        "display_fields": [
          "bus_number",
          "bus_type",
          "amenities"
        ],
        "search_fields": [],
        "filters": [
          "bus_type"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onSortChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.sortBy",
            "expr": "event.value"
          }
        ],
        "description": ""
      },
      "onBusTypeFilterChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterBusType",
            "expr": "event.value"
          }
        ],
        "description": ""
      },
      "onPriceRangeChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterPriceRange",
            "expr": "event.value"
          }
        ],
        "description": ""
      },
      "onDepartureTimeRangeChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterDepartureTimeRange",
            "expr": "event.value"
          }
        ],
        "description": ""
      },
      "onOpenFilterDrawer": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterDrawerVisible",
            "expr": "true"
          }
        ],
        "description": ""
      },
      "onCloseFilterDrawer": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterDrawerVisible",
            "expr": "false"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "8bf20708a69543a0a5cafbd915987d26": {
        "action_id": "8bf20708a69543a0a5cafbd915987d26",
        "trigger": "form_submit",
        "target_component_id": "search_form",
        "operation": "read",
        "description": "",
        "payload": {
          "origin_city": "$form.origin_city",
          "destination_city": "$form.destination_city",
          "travel_date": "$form.travel_date"
        },
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [
          {
            "rule_id": "val_0",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"origin_city\", \"message\": \"Please select origin city\", \"rule_id\": \"val_origin\", \"type\": \"required\"}",
            "message": "{\"field\": \"origin_city\", \"message\": \"Please select origin city\", \"rule_id\": \"val_origin\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_1",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"destination_city\", \"message\": \"Please select destination city\", \"rule_id\": \"val_destination\", \"type\": \"required\"}",
            "message": "{\"field\": \"destination_city\", \"message\": \"Please select destination city\", \"rule_id\": \"val_destination\", \"type\": \"required\"}"
          },
          {
            "rule_id": "val_2",
            "field": null,
            "type": "custom",
            "value": null,
            "expression": "{\"field\": \"travel_date\", \"message\": \"Please select travel date\", \"rule_id\": \"val_date\", \"type\": \"required\"}",
            "message": "{\"field\": \"travel_date\", \"message\": \"Please select travel date\", \"rule_id\": \"val_date\", \"type\": \"required\"}"
          }
        ],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.loading",
            "expr": "true"
          },
          {
            "target": "state.hasSearched",
            "expr": "true"
          }
        ],
        "api_endpoint": "f997426e866545b88f950f6fe0e66043",
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "8150ce159921456f97c100c43adfdeed": {
        "action_id": "8150ce159921456f97c100c43adfdeed",
        "trigger": "button_click",
        "target_component_id": "select_seats_button",
        "operation": "custom",
        "description": "",
        "payload": {
          "scheduleId": "$item.id"
        },
        "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": "/schedules/${item.id}/seats"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "259dde6f9187449ca7f5176f7329bfa5": {
        "action_id": "259dde6f9187449ca7f5176f7329bfa5",
        "trigger": "button_click",
        "target_component_id": "nav_bookings_link",
        "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"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "ffc1eb13a97b49f59b2ba14a5f484d87": {
        "action_id": "ffc1eb13a97b49f59b2ba14a5f484d87",
        "trigger": "button_click",
        "target_component_id": "nav_profile_link",
        "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
      },
      "5fcf153f69c345b2922db1228bd64bce": {
        "action_id": "5fcf153f69c345b2922db1228bd64bce",
        "trigger": "button_click",
        "target_component_id": "nav_logout_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/login"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "8bf20708a69543a0a5cafbd915987d26": {
        "action_id": "8bf20708a69543a0a5cafbd915987d26",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": null,
        "error_message": "Failed to search buses. Please try again.",
        "ui_updates": [
          "state.loading = false"
        ]
      },
      "8150ce159921456f97c100c43adfdeed": {
        "action_id": "8150ce159921456f97c100c43adfdeed",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "259dde6f9187449ca7f5176f7329bfa5": {
        "action_id": "259dde6f9187449ca7f5176f7329bfa5",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "ffc1eb13a97b49f59b2ba14a5f484d87": {
        "action_id": "ffc1eb13a97b49f59b2ba14a5f484d87",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "5fcf153f69c345b2922db1228bd64bce": {
        "action_id": "5fcf153f69c345b2922db1228bd64bce",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": "Logged out successfully",
        "error_message": null,
        "ui_updates": []
      }
    }
  },
  "component_ir": {
    "library": "antd",
    "theme": {
      "primaryColor": "#1677ff",
      "secondaryColor": "#000000",
      "successColor": null,
      "warningColor": null,
      "errorColor": null,
      "fontFamily": "sans-serif",
      "fontSize": null,
      "borderRadius": 6
    },
    "components": {
      "main_container": {
        "type": "Layout",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "minHeight": "100vh",
          "width": "100%",
          "background": "#f5f5f5"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "top_navbar": {
        "type": "Layout.Header",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "background": "#fff",
          "padding": "0 24px",
          "display": "flex",
          "alignItems": "center",
          "justifyContent": "space-between",
          "boxShadow": "0 2px 8px rgba(0,0,0,0.06)"
        },
        "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": "BusBook",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 4
        },
        "dynamic_props": {},
        "styles": {
          "margin": 0,
          "color": "#1677ff"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_menu": {
        "type": "Menu",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "mode": "horizontal",
          "selectedKeys": [
            "search"
          ],
          "items": [
            {
              "key": "search",
              "label": "Search"
            },
            {
              "key": "bookings",
              "label": "My Bookings"
            },
            {
              "key": "profile",
              "label": "Profile"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "flex": 1,
          "borderBottom": "none"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_bookings_link": {
        "type": "Button",
        "label": "My Bookings",
        "description": null,
        "bind": null,
        "onClick": "navigateToBookings",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "text"
        },
        "dynamic_props": {},
        "styles": {},
        "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_profile_link": {
        "type": "Button",
        "label": "Profile",
        "description": null,
        "bind": null,
        "onClick": "navigateToProfile",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "text"
        },
        "dynamic_props": {},
        "styles": {},
        "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_logout_button": {
        "type": "Button",
        "label": "Logout",
        "description": null,
        "bind": null,
        "onClick": "logout",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "text",
          "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
      },
      "nav_actions": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "middle"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "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",
          "maxWidth": "1200px",
          "margin": "0 auto",
          "width": "100%"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "search_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",
          "borderRadius": "8px"
        },
        "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_title": {
        "type": "Typography.Title",
        "label": "Find Your Bus",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 3
        },
        "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
      },
      "search_form": {
        "type": "Form",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "layout": "inline",
          "size": "large"
        },
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "flexWrap": "wrap",
          "gap": "12px",
          "alignItems": "flex-end"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "origin_city_input": {
        "type": "Form.Item",
        "label": "From",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "origin_city",
          "rules": [
            {
              "required": true,
              "message": "Select origin city"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "flex": 1,
          "minWidth": "200px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "origin_city_select": {
        "type": "AutoComplete",
        "label": null,
        "description": null,
        "bind": "state.routes",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Origin City",
          "allowClear": true,
          "filterOption": true
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "destination_city_input": {
        "type": "Form.Item",
        "label": "To",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "destination_city",
          "rules": [
            {
              "required": true,
              "message": "Select destination city"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "flex": 1,
          "minWidth": "200px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "destination_city_select": {
        "type": "AutoComplete",
        "label": null,
        "description": null,
        "bind": "state.routes",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Destination City",
          "allowClear": true,
          "filterOption": true
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "travel_date_picker": {
        "type": "Form.Item",
        "label": "Date",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "name": "travel_date",
          "rules": [
            {
              "required": true,
              "message": "Select travel date"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "minWidth": "180px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "date_picker_control": {
        "type": "DatePicker",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Travel Date",
          "format": "YYYY-MM-DD",
          "disabledDate": "current && current < dayjs().startOf('day')"
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "search_button": {
        "type": "Button",
        "label": "Search Buses",
        "description": null,
        "bind": null,
        "onClick": "searchBuses",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "htmlType": "submit",
          "size": "large",
          "icon": "SearchOutlined"
        },
        "dynamic_props": {},
        "styles": {
          "minWidth": "140px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "results_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",
          "gap": "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
      },
      "filter_sidebar": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Filters",
          "bordered": false,
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {
          "width": "280px",
          "flexShrink": 0,
          "borderRadius": "8px",
          "height": "fit-content"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_bus_type_label": {
        "type": "Typography.Text",
        "label": "Bus Type",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "8px",
          "display": "block"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_bus_type_select": {
        "type": "Select",
        "label": null,
        "description": null,
        "bind": "state.filterBusType",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "All Types",
          "allowClear": true,
          "options": [
            {
              "value": "STANDARD",
              "label": "Standard"
            },
            {
              "value": "DELUXE",
              "label": "Deluxe"
            },
            {
              "value": "SLEEPER",
              "label": "Sleeper"
            },
            {
              "value": "SEMI_SLEEPER",
              "label": "Semi Sleeper"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {
          "width": "100%",
          "marginBottom": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_price_label": {
        "type": "Typography.Text",
        "label": "Price Range",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "8px",
          "display": "block"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_price_slider": {
        "type": "Slider",
        "label": null,
        "description": null,
        "bind": "state.filterPriceRange",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "range": true,
          "min": 0,
          "max": 5000,
          "step": 50,
          "tipFormatter": "value => `₹${value}`"
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_departure_label": {
        "type": "Typography.Text",
        "label": "Departure Time",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "8px",
          "display": "block"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_departure_slider": {
        "type": "Slider",
        "label": null,
        "description": null,
        "bind": "state.filterDepartureTimeRange",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "range": true,
          "min": 0,
          "max": 24,
          "step": 1,
          "marks": {
            "0": "12AM",
            "6": "6AM",
            "12": "12PM",
            "18": "6PM",
            "24": "12AM"
          }
        },
        "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
      },
      "results_content": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "flex": 1
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "results_header": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "alignItems": "center",
          "marginBottom": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "results_count": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "derived.sortedSchedules.length",
        "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
      },
      "sort_controls": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "sort_label": {
        "type": "Typography.Text",
        "label": "Sort by:",
        "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
      },
      "sort_select": {
        "type": "Select",
        "label": null,
        "description": null,
        "bind": "state.sortBy",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "options": [
            {
              "value": "base_price",
              "label": "Price"
            },
            {
              "value": "departure_datetime",
              "label": "Departure Time"
            },
            {
              "value": "estimated_duration_minutes",
              "label": "Duration"
            },
            {
              "value": "available_seats",
              "label": "Availability"
            }
          ],
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {
          "width": "160px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_mobile_button": {
        "type": "Button",
        "label": "Filters",
        "description": null,
        "bind": null,
        "onClick": "onOpenFilterDrawer",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "icon": "FilterOutlined",
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "schedule_list": {
        "type": "List",
        "label": null,
        "description": null,
        "bind": "derived.sortedSchedules",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "loading": "state.loading",
          "locale": {
            "emptyText": "No buses found"
          }
        },
        "dynamic_props": {},
        "styles": {},
        "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_card": {
        "type": "Card",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "hoverable": true,
          "size": "default"
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "12px",
          "borderRadius": "8px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "card_header_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "alignItems": "center",
          "marginBottom": "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
      },
      "bus_info_section": {
        "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
      },
      "bus_number_text": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": "$item.bus_number",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 5
        },
        "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
      },
      "bus_type_tag": {
        "type": "Tag",
        "label": null,
        "description": null,
        "bind": "$item.bus_type",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "color": "blue"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "price_section": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "textAlign": "right"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "price_text": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": "$item.base_price",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 4
        },
        "dynamic_props": {},
        "styles": {
          "margin": 0,
          "color": "#1677ff"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "per_seat_text": {
        "type": "Typography.Text",
        "label": "per seat",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "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
      },
      "route_time_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",
          "alignItems": "center",
          "gap": "16px",
          "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
      },
      "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_time_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "$item.departure_datetime",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "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
      },
      "origin_city_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "$item.origin_city",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "display": "block"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "duration_divider": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "flex": 1,
          "textAlign": "center",
          "borderTop": "1px dashed #d9d9d9",
          "position": "relative",
          "margin": "0 8px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "duration_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "$item.estimated_duration_minutes",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "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
      },
      "arrival_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
      },
      "arrival_time_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "$item.arrival_datetime",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "strong": true
        },
        "dynamic_props": {},
        "styles": {
          "fontSize": "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
      },
      "destination_city_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "$item.destination_city",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "secondary"
        },
        "dynamic_props": {},
        "styles": {
          "display": "block"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "card_footer_row": {
        "type": "div",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "display": "flex",
          "justifyContent": "space-between",
          "alignItems": "center"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "amenities_section": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "small",
          "wrap": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "amenity_ac_tag": {
        "type": "Tag",
        "label": "AC",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "color": "green"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "amenity_wifi_tag": {
        "type": "Tag",
        "label": "WiFi",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "color": "cyan"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "amenity_charging_tag": {
        "type": "Tag",
        "label": "Charging",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "color": "purple"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "seats_and_action": {
        "type": "Space",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "size": "middle"
        },
        "dynamic_props": {},
        "styles": {
          "alignItems": "center"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "available_seats_text": {
        "type": "Typography.Text",
        "label": null,
        "description": null,
        "bind": "$item.available_seats",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "success"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "sold_out_badge": {
        "type": "Tag",
        "label": "Sold Out",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "color": "red"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "select_seats_button": {
        "type": "Button",
        "label": "Select Seats",
        "description": null,
        "bind": null,
        "onClick": "selectSeats",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "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
      },
      "empty_state": {
        "type": "Empty",
        "label": null,
        "description": null,
        "bind": "derived.showEmptyState",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "description": "No buses found for your search criteria. Try different dates or routes."
        },
        "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
      },
      "filter_drawer": {
        "type": "Drawer",
        "label": "Filters",
        "description": null,
        "bind": "state.filterDrawerVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placement": "left",
          "width": 300
        },
        "dynamic_props": {},
        "styles": {},
        "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_navbar",
        "content_area"
      ],
      "top_navbar": [
        "nav_logo",
        "nav_menu",
        "nav_actions"
      ],
      "nav_actions": [
        "nav_bookings_link",
        "nav_profile_link",
        "nav_logout_button"
      ],
      "content_area": [
        "search_section",
        "results_section"
      ],
      "search_section": [
        "search_title",
        "search_form"
      ],
      "search_form": [
        "origin_city_input",
        "destination_city_input",
        "travel_date_picker",
        "search_button"
      ],
      "origin_city_input": [
        "origin_city_select"
      ],
      "destination_city_input": [
        "destination_city_select"
      ],
      "travel_date_picker": [
        "date_picker_control"
      ],
      "results_section": [
        "filter_sidebar",
        "results_content"
      ],
      "filter_sidebar": [
        "filter_bus_type_label",
        "filter_bus_type_select",
        "filter_price_label",
        "filter_price_slider",
        "filter_departure_label",
        "filter_departure_slider"
      ],
      "results_content": [
        "results_header",
        "schedule_list",
        "empty_state"
      ],
      "results_header": [
        "results_count",
        "sort_controls"
      ],
      "sort_controls": [
        "sort_label",
        "sort_select",
        "filter_mobile_button"
      ],
      "schedule_list": [
        "schedule_card"
      ],
      "schedule_card": [
        "card_header_row",
        "route_time_row",
        "card_footer_row"
      ],
      "card_header_row": [
        "bus_info_section",
        "price_section"
      ],
      "bus_info_section": [
        "bus_number_text",
        "bus_type_tag"
      ],
      "price_section": [
        "price_text",
        "per_seat_text"
      ],
      "route_time_row": [
        "departure_info",
        "duration_divider",
        "arrival_info"
      ],
      "departure_info": [
        "departure_time_text",
        "origin_city_text"
      ],
      "duration_divider": [
        "duration_text"
      ],
      "arrival_info": [
        "arrival_time_text",
        "destination_city_text"
      ],
      "card_footer_row": [
        "amenities_section",
        "seats_and_action"
      ],
      "amenities_section": [
        "amenity_ac_tag",
        "amenity_wifi_tag",
        "amenity_charging_tag"
      ],
      "seats_and_action": [
        "available_seats_text",
        "sold_out_badge",
        "select_seats_button"
      ],
      "filter_drawer": [
        "filter_bus_type_label",
        "filter_bus_type_select",
        "filter_price_label",
        "filter_price_slider",
        "filter_departure_label",
        "filter_departure_slider"
      ]
    },
    "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_navbar": {
        "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_actions": {
        "type": "horizontal",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "content_area": {
        "type": "vertical",
        "gap": 24,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "search_section": {
        "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
      },
      "search_form": {
        "type": "horizontal",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "results_section": {
        "type": "horizontal",
        "gap": 24,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "filter_sidebar": {
        "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
      },
      "results_content": {
        "type": "vertical",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "results_header": {
        "type": "horizontal",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "sort_controls": {
        "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
      },
      "schedule_list": {
        "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
      },
      "schedule_card": {
        "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
      },
      "card_header_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
      },
      "bus_info_section": {
        "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
      },
      "price_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
      },
      "route_time_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "departure_info": {
        "type": "vertical",
        "gap": 2,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "arrival_info": {
        "type": "vertical",
        "gap": 2,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "card_footer_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
      },
      "amenities_section": {
        "type": "horizontal",
        "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
      },
      "seats_and_action": {
        "type": "horizontal",
        "gap": 12,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      }
    },
    "layout_zones": [
      {
        "zone_id": "zone_navbar",
        "component": "top_navbar",
        "anchor": "top-left",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Fixed top navigation bar"
      },
      {
        "zone_id": "zone_search",
        "component": "search_section",
        "anchor": "center",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Prominent search form section"
      },
      {
        "zone_id": "zone_results",
        "component": "results_section",
        "anchor": "center",
        "size_hint": "full-width",
        "z_layer": "base",
        "notes": "Results with filter sidebar and schedule cards"
      },
      {
        "zone_id": "zone_filter_drawer",
        "component": "filter_drawer",
        "anchor": "top-left",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Mobile filter drawer 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
}
