{
  "page_ir": {
    "page_id": "admin_reservations",
    "page_goal": "Admin reservation monitoring page displaying all reservations with emphasis on active ones, live countdown timers, tab filters by status, detail drawer, manual release and batch expire capabilities, and summary statistics.",
    "style": {
      "tone": "professional",
      "theme": "light",
      "density": "comfortable",
      "color_intent": "blue primary with status-colored badges"
    },
    "accessibility": {
      "required_labels": [
        "reservation_table",
        "status_tabs",
        "search_input",
        "filter_schedule_select",
        "filter_user_input",
        "batch_expire_button",
        "release_button",
        "detail_drawer"
      ],
      "skip_navigation": true,
      "focus_management": true,
      "announce_changes": []
    },
    "responsive": {
      "breakpoints": {
        "xs": 480,
        "sm": 576,
        "md": 768,
        "lg": 992,
        "xl": 1200
      },
      "collapse_rules": [
        "sidebar collapses to hamburger on md and below",
        "stats cards stack vertically on sm and below"
      ],
      "hidden_on_small": [
        "admin_sidebar"
      ],
      "stack_on_small": []
    },
    "constraints": [
      "Admin role required",
      "JWT token required in headers"
    ],
    "seo_title": null,
    "seo_description": null
  },
  "data_ir": {
    "types": {},
    "state": {
      "reservations": {
        "type": "array",
        "initial": [],
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "reservationsLoading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "activeTab": {
        "type": "string",
        "initial": "ACTIVE",
        "required": true,
        "constraints": {
          "enum": [
            "ALL",
            "ACTIVE",
            "EXPIRED",
            "CONFIRMED",
            "CANCELLED"
          ]
        },
        "item_type": null
      },
      "filterScheduleId": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "filterUserId": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "pagination": {
        "type": "object",
        "initial": {
          "current": 1,
          "pageSize": 20,
          "total": 0
        },
        "required": true,
        "constraints": {},
        "item_type": null
      },
      "selectedReservationId": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "reservationDetail": {
        "type": "object",
        "initial": null,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "detailDrawerVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "detailLoading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "releaseConfirmVisible": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "releaseReservationId": {
        "type": "string",
        "initial": "",
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "releaseLoading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "batchExpireLoading": {
        "type": "boolean",
        "initial": false,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "activeReservationsCount": {
        "type": "number",
        "initial": 0,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "expiredTodayCount": {
        "type": "number",
        "initial": 0,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "conversionRate": {
        "type": "number",
        "initial": 0,
        "required": false,
        "constraints": {},
        "item_type": null
      },
      "allReservationsForStats": {
        "type": "array",
        "initial": [],
        "required": false,
        "constraints": {},
        "item_type": null
      }
    },
    "derived": {
      "filteredStatusParam": {
        "type": "string",
        "expr": "state.activeTab === 'ALL' ? undefined : state.activeTab",
        "deps": []
      }
    }
  },
  "data_fetch_ir": {
    "endpoints": {
      "4625c895d9a8447aa8859f934e52027c": {
        "endpoint_id": "4625c895d9a8447aa8859f934e52027c",
        "module": "Reservations",
        "endpoint": "/reservations/",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": "$state.pagination.pageSize",
          "offset": "($state.pagination.current - 1) * $state.pagination.pageSize",
          "status": "$derived.filteredStatusParam",
          "schedule_id": "$state.filterScheduleId || undefined",
          "user_id": "$state.filterUserId || undefined"
        },
        "body": null,
        "fields": [
          "id",
          "user_id",
          "schedule_id",
          "reservation_datetime",
          "expiry_datetime",
          "status",
          "total_amount",
          "created_at",
          "updated_at"
        ],
        "response_target": "reservations",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "5b8c199860b345cd9191c6a1a541ca63": {
        "endpoint_id": "5b8c199860b345cd9191c6a1a541ca63",
        "module": "Reservations",
        "endpoint": "/reservations/{reservation_id}/details",
        "method": "GET",
        "path_params": {
          "reservation_id": "$state.selectedReservationId"
        },
        "query_params": {},
        "body": null,
        "fields": [
          "id",
          "user_id",
          "schedule_id",
          "reservation_datetime",
          "expiry_datetime",
          "status",
          "total_amount",
          "created_at",
          "updated_at",
          "user",
          "schedule",
          "reservation_seats"
        ],
        "response_target": "reservationDetail",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "b0ef80f962114a36a6ccd890e25f6751": {
        "endpoint_id": "b0ef80f962114a36a6ccd890e25f6751",
        "module": "Reservations",
        "endpoint": "/reservations/{reservation_id}/release",
        "method": "POST",
        "path_params": {
          "reservation_id": "$state.releaseReservationId"
        },
        "query_params": {},
        "body": null,
        "fields": [],
        "response_target": "releaseReservation_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "93d5d1bcfccc4f24a35ead96654d2db8": {
        "endpoint_id": "93d5d1bcfccc4f24a35ead96654d2db8",
        "module": "Reservations",
        "endpoint": "/reservations/expire-batch",
        "method": "POST",
        "path_params": {},
        "query_params": {},
        "body": null,
        "fields": [],
        "response_target": "batchExpireReservations_data",
        "response_transform": null,
        "trigger": "manual",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "e17a546b723b49288becb3a4d9c80dc1": {
        "endpoint_id": "e17a546b723b49288becb3a4d9c80dc1",
        "module": "Reservations",
        "endpoint": "/reservations/active",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 1000,
          "offset": 0
        },
        "body": null,
        "fields": [
          "id",
          "user_id",
          "schedule_id",
          "reservation_datetime",
          "expiry_datetime",
          "status",
          "total_amount"
        ],
        "response_target": "allReservationsForStats",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      },
      "e0f97f97f0584b0cb99ace56fbf681d6": {
        "endpoint_id": "e0f97f97f0584b0cb99ace56fbf681d6",
        "module": "Reservations",
        "endpoint": "/reservations/",
        "method": "GET",
        "path_params": {},
        "query_params": {
          "limit": 1000,
          "offset": 0
        },
        "body": null,
        "fields": [
          "id",
          "status",
          "expiry_datetime",
          "created_at"
        ],
        "response_target": "allReservationsForStats",
        "response_transform": null,
        "trigger": "on_mount",
        "depends_on": [],
        "debounce_ms": null,
        "loading_field": null,
        "error_field": null
      }
    }
  },
  "data_model_ir": {
    "entities": {
      "reservation": {
        "name": "Reservation",
        "backend_module": "Reservations",
        "fields": [
          "id",
          "user_id",
          "schedule_id",
          "reservation_datetime",
          "expiry_datetime",
          "status",
          "total_amount",
          "created_at",
          "updated_at"
        ],
        "computed": [
          "time_remaining"
        ],
        "display_fields": [
          "id",
          "user_id",
          "schedule_id",
          "reservation_datetime",
          "expiry_datetime",
          "status",
          "total_amount"
        ],
        "search_fields": [],
        "filters": [
          "status",
          "schedule_id",
          "user_id"
        ],
        "default_sort": null,
        "default_sort_dir": "asc"
      },
      "reservation_detail": {
        "name": "ReservationDetail",
        "backend_module": "Reservations",
        "fields": [
          "id",
          "user_id",
          "schedule_id",
          "reservation_datetime",
          "expiry_datetime",
          "status",
          "total_amount",
          "created_at",
          "updated_at",
          "user",
          "schedule",
          "reservation_seats"
        ],
        "computed": [],
        "display_fields": [
          "id",
          "user_id",
          "schedule_id",
          "reservation_datetime",
          "expiry_datetime",
          "status",
          "total_amount"
        ],
        "search_fields": [],
        "filters": [],
        "default_sort": null,
        "default_sort_dir": "asc"
      }
    },
    "relationships": []
  },
  "behaviour_ir": {
    "events": {
      "onTabChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.activeTab",
            "expr": "event.value"
          },
          {
            "target": "state.pagination.current",
            "expr": "1"
          }
        ],
        "description": ""
      },
      "onFilterScheduleChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterScheduleId",
            "expr": "event.value"
          },
          {
            "target": "state.pagination.current",
            "expr": "1"
          }
        ],
        "description": ""
      },
      "onFilterUserChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.filterUserId",
            "expr": "event.value"
          },
          {
            "target": "state.pagination.current",
            "expr": "1"
          }
        ],
        "description": ""
      },
      "onPaginationChange": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.pagination.current",
            "expr": "event.page"
          },
          {
            "target": "state.pagination.pageSize",
            "expr": "event.pageSize"
          }
        ],
        "description": ""
      },
      "onCloseDrawer": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.detailDrawerVisible",
            "expr": "false"
          },
          {
            "target": "state.reservationDetail",
            "expr": "null"
          }
        ],
        "description": ""
      },
      "onCloseReleaseConfirm": {
        "type": "mutation",
        "updates": [
          {
            "target": "state.releaseConfirmVisible",
            "expr": "false"
          },
          {
            "target": "state.releaseReservationId",
            "expr": "''"
          }
        ],
        "description": ""
      }
    },
    "actions": {
      "3697e446a8dc4816bfd58db2a8704909": {
        "action_id": "3697e446a8dc4816bfd58db2a8704909",
        "trigger": "button_click",
        "target_component_id": "reservation_table",
        "operation": "read",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.selectedReservationId",
            "expr": "event.record.id"
          },
          {
            "target": "state.detailDrawerVisible",
            "expr": "true"
          },
          {
            "target": "state.detailLoading",
            "expr": "true"
          }
        ],
        "api_endpoint": "5b8c199860b345cd9191c6a1a541ca63",
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "63c693246a4e4a8b88786e257c54cc41": {
        "action_id": "63c693246a4e4a8b88786e257c54cc41",
        "trigger": "button_click",
        "target_component_id": "reservation_table",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.releaseReservationId",
            "expr": "event.record.id"
          },
          {
            "target": "state.releaseConfirmVisible",
            "expr": "true"
          }
        ],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "6680ab4386314285b80360c3cd571fd8": {
        "action_id": "6680ab4386314285b80360c3cd571fd8",
        "trigger": "button_click",
        "target_component_id": "release_confirm_ok_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.releaseLoading",
            "expr": "true"
          }
        ],
        "api_endpoint": "b0ef80f962114a36a6ccd890e25f6751",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Reservation released successfully",
              "type": "success"
            }
          },
          {
            "type": "modal_close",
            "config": {
              "modal_id": "release_confirm_modal"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchReservations"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "9bba00661a7b441982767e423f26bd8f": {
        "action_id": "9bba00661a7b441982767e423f26bd8f",
        "trigger": "button_click",
        "target_component_id": "batch_expire_button",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": true,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.batchExpireLoading",
            "expr": "true"
          }
        ],
        "api_endpoint": "93d5d1bcfccc4f24a35ead96654d2db8",
        "api_body": null,
        "side_effects": [
          {
            "type": "toast",
            "config": {
              "message": "Batch expiration completed successfully",
              "type": "success"
            }
          },
          {
            "type": "refresh",
            "config": {
              "target": "fetchReservations"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "b3995608c0364f8d9b0fd6efbaf5bc53": {
        "action_id": "b3995608c0364f8d9b0fd6efbaf5bc53",
        "trigger": "button_click",
        "target_component_id": "filter_apply_button",
        "operation": "read",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [
          {
            "target": "state.reservationsLoading",
            "expr": "true"
          }
        ],
        "api_endpoint": "4625c895d9a8447aa8859f934e52027c",
        "api_body": null,
        "side_effects": [],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "5afc459cfeb74d33829bb26952f21f35": {
        "action_id": "5afc459cfeb74d33829bb26952f21f35",
        "trigger": "button_click",
        "target_component_id": "nav_dashboard",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "7e3ca57b2ec24d96b0ed0202e2c4f28a": {
        "action_id": "7e3ca57b2ec24d96b0ed0202e2c4f28a",
        "trigger": "button_click",
        "target_component_id": "nav_routes",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin/routes"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "871a19201b8f4d768f538e63720e2235": {
        "action_id": "871a19201b8f4d768f538e63720e2235",
        "trigger": "button_click",
        "target_component_id": "nav_buses",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin/buses"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "298b414025c14b2493fa9a3df70ea37d": {
        "action_id": "298b414025c14b2493fa9a3df70ea37d",
        "trigger": "button_click",
        "target_component_id": "nav_schedules",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin/schedules"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "b1190c2c4d0f468aad3b38049360f77c": {
        "action_id": "b1190c2c4d0f468aad3b38049360f77c",
        "trigger": "button_click",
        "target_component_id": "nav_bookings",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin/bookings"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "da365626717847a29440f14dda152a96": {
        "action_id": "da365626717847a29440f14dda152a96",
        "trigger": "button_click",
        "target_component_id": "nav_activity_logs",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin/activity-logs"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      },
      "996190d8bcae45f7ba3b4ff4361b0e3d": {
        "action_id": "996190d8bcae45f7ba3b4ff4361b0e3d",
        "trigger": "button_click",
        "target_component_id": "nav_users",
        "operation": "custom",
        "description": "",
        "payload": {},
        "guard": null,
        "requires_confirmation": false,
        "confirmation_message": null,
        "validation_rules": [],
        "validation_messages": {},
        "updates": [],
        "api_endpoint": null,
        "api_body": null,
        "side_effects": [
          {
            "type": "navigate",
            "config": {
              "path": "/admin/users"
            }
          }
        ],
        "then": null,
        "catch": null,
        "data_action": null
      }
    },
    "feedback": {
      "3697e446a8dc4816bfd58db2a8704909": {
        "action_id": "3697e446a8dc4816bfd58db2a8704909",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": null,
        "error_message": "Failed to load reservation details",
        "ui_updates": [
          "state.detailLoading = false"
        ]
      },
      "6680ab4386314285b80360c3cd571fd8": {
        "action_id": "6680ab4386314285b80360c3cd571fd8",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Reservation released successfully",
        "error_message": "Failed to release reservation",
        "ui_updates": [
          "state.releaseLoading = false",
          "state.releaseConfirmVisible = false",
          "state.releaseReservationId = ''"
        ]
      },
      "9bba00661a7b441982767e423f26bd8f": {
        "action_id": "9bba00661a7b441982767e423f26bd8f",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": "Batch expiration completed",
        "error_message": "Batch expiration failed",
        "ui_updates": [
          "state.batchExpireLoading = false"
        ]
      },
      "b3995608c0364f8d9b0fd6efbaf5bc53": {
        "action_id": "b3995608c0364f8d9b0fd6efbaf5bc53",
        "loading_indicator": "spinner",
        "loading_text": null,
        "success_message": null,
        "error_message": "Failed to load reservations",
        "ui_updates": [
          "state.reservationsLoading = false"
        ]
      },
      "63c693246a4e4a8b88786e257c54cc41": {
        "action_id": "63c693246a4e4a8b88786e257c54cc41",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "5afc459cfeb74d33829bb26952f21f35": {
        "action_id": "5afc459cfeb74d33829bb26952f21f35",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "7e3ca57b2ec24d96b0ed0202e2c4f28a": {
        "action_id": "7e3ca57b2ec24d96b0ed0202e2c4f28a",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "871a19201b8f4d768f538e63720e2235": {
        "action_id": "871a19201b8f4d768f538e63720e2235",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "298b414025c14b2493fa9a3df70ea37d": {
        "action_id": "298b414025c14b2493fa9a3df70ea37d",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "b1190c2c4d0f468aad3b38049360f77c": {
        "action_id": "b1190c2c4d0f468aad3b38049360f77c",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "da365626717847a29440f14dda152a96": {
        "action_id": "da365626717847a29440f14dda152a96",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      },
      "996190d8bcae45f7ba3b4ff4361b0e3d": {
        "action_id": "996190d8bcae45f7ba3b4ff4361b0e3d",
        "loading_indicator": null,
        "loading_text": null,
        "success_message": null,
        "error_message": null,
        "ui_updates": []
      }
    }
  },
  "component_ir": {
    "library": "antd",
    "theme": {
      "primaryColor": "#1677ff",
      "secondaryColor": "#000000",
      "successColor": null,
      "warningColor": null,
      "errorColor": null,
      "fontFamily": "sans-serif",
      "fontSize": null,
      "borderRadius": 6
    },
    "components": {
      "main_container": {
        "type": "Layout",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "minHeight": "100vh",
          "width": "100%"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "admin_sidebar": {
        "type": "Layout.Sider",
        "label": "Admin Sidebar",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "width": 240,
          "collapsible": true,
          "breakpoint": "md",
          "collapsedWidth": 0,
          "theme": "light"
        },
        "dynamic_props": {},
        "styles": {
          "borderRight": "1px solid #f0f0f0",
          "background": "#fff"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "sidebar_logo": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 4,
          "children": "🚌 Bus Admin"
        },
        "dynamic_props": {},
        "styles": {
          "padding": "16px 24px",
          "margin": 0,
          "borderBottom": "1px solid #f0f0f0"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "sidebar_menu": {
        "type": "Menu",
        "label": "Admin Navigation",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "mode": "inline",
          "selectedKeys": [
            "reservations"
          ],
          "items": [
            {
              "key": "dashboard",
              "icon": "DashboardOutlined",
              "label": "Dashboard"
            },
            {
              "key": "routes",
              "icon": "NodeIndexOutlined",
              "label": "Routes"
            },
            {
              "key": "buses",
              "icon": "CarOutlined",
              "label": "Buses"
            },
            {
              "key": "schedules",
              "icon": "ScheduleOutlined",
              "label": "Schedules"
            },
            {
              "key": "bookings",
              "icon": "BookOutlined",
              "label": "Bookings"
            },
            {
              "key": "reservations",
              "icon": "ClockCircleOutlined",
              "label": "Reservations"
            },
            {
              "key": "activity_logs",
              "icon": "FileTextOutlined",
              "label": "Activity Logs"
            },
            {
              "key": "users",
              "icon": "TeamOutlined",
              "label": "Users"
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_dashboard": {
        "type": "Menu.Item",
        "label": "Dashboard",
        "description": null,
        "bind": null,
        "onClick": "navigateToDashboard",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "key": "dashboard"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_routes": {
        "type": "Menu.Item",
        "label": "Routes",
        "description": null,
        "bind": null,
        "onClick": "navigateToRoutes",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "key": "routes"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_buses": {
        "type": "Menu.Item",
        "label": "Buses",
        "description": null,
        "bind": null,
        "onClick": "navigateToBuses",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "key": "buses"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_schedules": {
        "type": "Menu.Item",
        "label": "Schedules",
        "description": null,
        "bind": null,
        "onClick": "navigateToSchedules",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "key": "schedules"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_bookings": {
        "type": "Menu.Item",
        "label": "Bookings",
        "description": null,
        "bind": null,
        "onClick": "navigateToBookings",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "key": "bookings"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_activity_logs": {
        "type": "Menu.Item",
        "label": "Activity Logs",
        "description": null,
        "bind": null,
        "onClick": "navigateToActivityLogs",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "key": "activity_logs"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "nav_users": {
        "type": "Menu.Item",
        "label": "Users",
        "description": null,
        "bind": null,
        "onClick": "navigateToUsers",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "key": "users"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "content_area": {
        "type": "Layout",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "flex": 1,
          "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
      },
      "content_header": {
        "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",
          "borderBottom": "1px solid #f0f0f0",
          "display": "flex",
          "alignItems": "center",
          "justifyContent": "space-between",
          "height": "64px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "page_title": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 3,
          "children": "Reservation Monitoring"
        },
        "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
      },
      "batch_expire_button": {
        "type": "Button",
        "label": "Batch Expire",
        "description": null,
        "bind": "state.batchExpireLoading",
        "onClick": "triggerBatchExpire",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "default",
          "danger": true,
          "icon": "ThunderboltOutlined",
          "loading": "$state.batchExpireLoading",
          "children": "Batch Expire"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "content_body": {
        "type": "Layout.Content",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {},
        "dynamic_props": {},
        "styles": {
          "padding": "24px",
          "overflow": "auto"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "stats_row": {
        "type": "Row",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "gutter": [
            16,
            16
          ]
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "24px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "stat_active_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 8
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "stat_active_card": {
        "type": "Card",
        "label": "Active Reservations",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "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
      },
      "stat_active_statistic": {
        "type": "Statistic",
        "label": "Active Reservations",
        "description": null,
        "bind": "state.activeReservationsCount",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Active Reservations",
          "value": "$state.activeReservationsCount",
          "valueStyle": {
            "color": "#1677ff"
          },
          "prefix": "ClockCircleOutlined"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "stat_expired_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 8
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "stat_expired_card": {
        "type": "Card",
        "label": "Expired Today",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "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
      },
      "stat_expired_statistic": {
        "type": "Statistic",
        "label": "Expired Today",
        "description": null,
        "bind": "state.expiredTodayCount",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Expired Today",
          "value": "$state.expiredTodayCount",
          "valueStyle": {
            "color": "#faad14"
          },
          "prefix": "WarningOutlined"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "stat_conversion_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 8
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "stat_conversion_card": {
        "type": "Card",
        "label": "Conversion Rate",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "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
      },
      "stat_conversion_statistic": {
        "type": "Statistic",
        "label": "Conversion Rate",
        "description": null,
        "bind": "state.conversionRate",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Conversion Rate",
          "value": "$state.conversionRate",
          "suffix": "%",
          "precision": 1,
          "valueStyle": {
            "color": "#52c41a"
          },
          "prefix": "RiseOutlined"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_card": {
        "type": "Card",
        "label": "Filters",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "size": "small"
        },
        "dynamic_props": {},
        "styles": {
          "marginBottom": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_row": {
        "type": "Row",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "gutter": [
            16,
            16
          ],
          "align": "middle"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_schedule_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 8,
          "md": 6
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_schedule_input": {
        "type": "Input",
        "label": "Schedule ID",
        "description": null,
        "bind": "state.filterScheduleId",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Filter by Schedule ID",
          "allowClear": 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
      },
      "filter_user_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 8,
          "md": 6
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_user_input": {
        "type": "Input",
        "label": "User ID",
        "description": null,
        "bind": "state.filterUserId",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "placeholder": "Filter by User ID",
          "allowClear": 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
      },
      "filter_apply_col": {
        "type": "Col",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "xs": 24,
          "sm": 8,
          "md": 4
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "filter_apply_button": {
        "type": "Button",
        "label": "Apply Filters",
        "description": null,
        "bind": null,
        "onClick": "loadReservations",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "icon": "SearchOutlined",
          "children": "Search"
        },
        "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
      },
      "table_card": {
        "type": "Card",
        "label": "Reservations Table",
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "bodyStyle": {
            "padding": 0
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "status_tabs": {
        "type": "Tabs",
        "label": "Status Tabs",
        "description": null,
        "bind": "state.activeTab",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "activeKey": "$state.activeTab",
          "onChange": "onTabChange",
          "items": [
            {
              "key": "ACTIVE",
              "label": "Active"
            },
            {
              "key": "EXPIRED",
              "label": "Expired"
            },
            {
              "key": "CONFIRMED",
              "label": "Confirmed"
            },
            {
              "key": "CANCELLED",
              "label": "Cancelled"
            },
            {
              "key": "ALL",
              "label": "All"
            }
          ],
          "tabBarStyle": {
            "paddingLeft": "16px",
            "marginBottom": 0
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "reservation_table": {
        "type": "Table",
        "label": "Reservations",
        "description": null,
        "bind": "state.reservations",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "dataSource": "$state.reservations",
          "loading": "$state.reservationsLoading",
          "rowKey": "id",
          "pagination": {
            "current": "$state.pagination.current",
            "pageSize": "$state.pagination.pageSize",
            "total": "$state.pagination.total",
            "showSizeChanger": true,
            "showTotal": "total => `Total ${total} reservations`"
          },
          "scroll": {
            "x": 1400
          },
          "columns": [
            {
              "title": "Reservation ID",
              "dataIndex": "id",
              "key": "id",
              "width": 120,
              "ellipsis": true
            },
            {
              "title": "User ID",
              "dataIndex": "user_id",
              "key": "user_id",
              "width": 120,
              "ellipsis": true
            },
            {
              "title": "Schedule ID",
              "dataIndex": "schedule_id",
              "key": "schedule_id",
              "width": 120,
              "ellipsis": true
            },
            {
              "title": "Total Amount",
              "dataIndex": "total_amount",
              "key": "total_amount",
              "width": 120,
              "render": "amount => `₹${Number(amount).toFixed(2)}`"
            },
            {
              "title": "Status",
              "dataIndex": "status",
              "key": "status",
              "width": 110,
              "render": "status_badge",
              "render_config": {
                "type": "tag",
                "color_map": {
                  "ACTIVE": "blue",
                  "EXPIRED": "orange",
                  "CONFIRMED": "green",
                  "CANCELLED": "red"
                }
              }
            },
            {
              "title": "Reserved At",
              "dataIndex": "reservation_datetime",
              "key": "reservation_datetime",
              "width": 170,
              "render": "datetime"
            },
            {
              "title": "Expires At",
              "dataIndex": "expiry_datetime",
              "key": "expiry_datetime",
              "width": 170,
              "sorter": true,
              "render": "datetime"
            },
            {
              "title": "Time Remaining",
              "key": "time_remaining",
              "width": 140,
              "render": "countdown",
              "render_config": {
                "type": "countdown",
                "source_field": "expiry_datetime",
                "condition_field": "status",
                "condition_value": "ACTIVE",
                "warning_threshold_seconds": 300,
                "danger_threshold_seconds": 120,
                "warning_color": "#fa8c16",
                "danger_color": "#ff4d4f",
                "expired_text": "—"
              }
            },
            {
              "title": "Actions",
              "key": "actions",
              "width": 200,
              "fixed": "right",
              "render": "action_buttons",
              "render_config": {
                "buttons": [
                  {
                    "label": "View Details",
                    "action": "viewReservationDetail",
                    "type": "link",
                    "icon": "EyeOutlined"
                  },
                  {
                    "label": "Release",
                    "action": "openReleaseConfirm",
                    "type": "link",
                    "danger": true,
                    "icon": "UnlockOutlined",
                    "condition": "record.status === 'ACTIVE'"
                  }
                ]
              }
            }
          ]
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "detail_drawer": {
        "type": "Drawer",
        "label": "Reservation Details",
        "description": null,
        "bind": "state.detailDrawerVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Reservation Details",
          "open": "$state.detailDrawerVisible",
          "onClose": "onCloseDrawer",
          "width": 640,
          "destroyOnClose": true
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "detail_spin": {
        "type": "Spin",
        "label": null,
        "description": null,
        "bind": "state.detailLoading",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "spinning": "$state.detailLoading"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "detail_descriptions": {
        "type": "Descriptions",
        "label": "Reservation Info",
        "description": null,
        "bind": "state.reservationDetail",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "bordered": true,
          "column": 1,
          "size": "small",
          "items": [
            {
              "label": "Reservation ID",
              "field": "id"
            },
            {
              "label": "Status",
              "field": "status",
              "render": "status_badge"
            },
            {
              "label": "User ID",
              "field": "user_id"
            },
            {
              "label": "User Email",
              "field": "user.email"
            },
            {
              "label": "User Name",
              "field": "user.first_name + ' ' + user.last_name"
            },
            {
              "label": "Schedule ID",
              "field": "schedule_id"
            },
            {
              "label": "Departure",
              "field": "schedule.departure_datetime",
              "render": "datetime"
            },
            {
              "label": "Arrival",
              "field": "schedule.arrival_datetime",
              "render": "datetime"
            },
            {
              "label": "Total Amount",
              "field": "total_amount",
              "render": "currency"
            },
            {
              "label": "Reserved At",
              "field": "reservation_datetime",
              "render": "datetime"
            },
            {
              "label": "Expires At",
              "field": "expiry_datetime",
              "render": "datetime"
            },
            {
              "label": "Created At",
              "field": "created_at",
              "render": "datetime"
            },
            {
              "label": "Updated At",
              "field": "updated_at",
              "render": "datetime"
            }
          ]
        },
        "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
      },
      "detail_seats_title": {
        "type": "Typography.Title",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "level": 5,
          "children": "Reserved Seats"
        },
        "dynamic_props": {},
        "styles": {
          "marginTop": "16px"
        },
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "detail_seats_table": {
        "type": "Table",
        "label": "Reserved Seats",
        "description": null,
        "bind": "state.reservationDetail.reservation_seats",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "dataSource": "$state.reservationDetail?.reservation_seats || []",
          "rowKey": "id",
          "size": "small",
          "pagination": false,
          "columns": [
            {
              "title": "Seat ID",
              "dataIndex": "seat_id",
              "key": "seat_id"
            },
            {
              "title": "Seat Number",
              "dataIndex": "seat_number",
              "key": "seat_number"
            },
            {
              "title": "Seat Type",
              "dataIndex": "seat_type",
              "key": "seat_type"
            },
            {
              "title": "Status",
              "dataIndex": "status",
              "key": "status"
            }
          ]
        },
        "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
      },
      "release_confirm_modal": {
        "type": "Modal",
        "label": "Confirm Release",
        "description": null,
        "bind": "state.releaseConfirmVisible",
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "title": "Confirm Release Reservation",
          "open": "$state.releaseConfirmVisible",
          "onCancel": "onCloseReleaseConfirm",
          "confirmLoading": "$state.releaseLoading",
          "okText": "Release",
          "okButtonProps": {
            "danger": true
          }
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      },
      "release_confirm_content": {
        "type": "Typography.Paragraph",
        "label": null,
        "description": null,
        "bind": null,
        "onClick": null,
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "children": "Are you sure you want to manually release this reservation? This will free up the reserved seats and mark the reservation as released. This action cannot be undone."
        },
        "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
      },
      "release_confirm_ok_button": {
        "type": "Button",
        "label": "Confirm Release",
        "description": null,
        "bind": null,
        "onClick": "confirmReleaseReservation",
        "onChange": null,
        "onSubmit": null,
        "onHover": null,
        "onKeyPress": null,
        "props": {
          "type": "primary",
          "danger": true,
          "loading": "$state.releaseLoading",
          "children": "Release"
        },
        "dynamic_props": {},
        "styles": {},
        "dynamic_styles": {},
        "class_name": null,
        "dynamic_class": null,
        "transitions": [],
        "visible_when": null,
        "disabled_when": null,
        "repeat": null,
        "slots": {},
        "a11y_role": null,
        "a11y_label": null
      }
    }
  },
  "layout_ir": {
    "root": "main_container",
    "children": {
      "main_container": [
        "admin_sidebar",
        "content_area"
      ],
      "admin_sidebar": [
        "sidebar_logo",
        "sidebar_menu"
      ],
      "sidebar_menu": [
        "nav_dashboard",
        "nav_routes",
        "nav_buses",
        "nav_schedules",
        "nav_bookings",
        "nav_activity_logs",
        "nav_users"
      ],
      "content_area": [
        "content_header",
        "content_body"
      ],
      "content_header": [
        "page_title",
        "batch_expire_button"
      ],
      "content_body": [
        "stats_row",
        "filter_card",
        "table_card"
      ],
      "stats_row": [
        "stat_active_col",
        "stat_expired_col",
        "stat_conversion_col"
      ],
      "stat_active_col": [
        "stat_active_card"
      ],
      "stat_active_card": [
        "stat_active_statistic"
      ],
      "stat_expired_col": [
        "stat_expired_card"
      ],
      "stat_expired_card": [
        "stat_expired_statistic"
      ],
      "stat_conversion_col": [
        "stat_conversion_card"
      ],
      "stat_conversion_card": [
        "stat_conversion_statistic"
      ],
      "filter_card": [
        "filter_row"
      ],
      "filter_row": [
        "filter_schedule_col",
        "filter_user_col",
        "filter_apply_col"
      ],
      "filter_schedule_col": [
        "filter_schedule_input"
      ],
      "filter_user_col": [
        "filter_user_input"
      ],
      "filter_apply_col": [
        "filter_apply_button"
      ],
      "table_card": [
        "status_tabs",
        "reservation_table"
      ],
      "detail_drawer": [
        "detail_spin",
        "detail_descriptions",
        "detail_seats_title",
        "detail_seats_table"
      ],
      "release_confirm_modal": [
        "release_confirm_content"
      ]
    },
    "layout": {
      "main_container": {
        "type": "horizontal",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "admin_sidebar": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "sidebar_menu": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "content_area": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "content_header": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "content_body": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "stats_row": {
        "type": "horizontal",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "stat_active_col": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "stat_active_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
      },
      "stat_expired_col": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "stat_expired_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
      },
      "stat_conversion_col": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "stat_conversion_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
      },
      "filter_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
      },
      "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
      },
      "filter_schedule_col": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "filter_user_col": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "filter_apply_col": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "table_card": {
        "type": "vertical",
        "gap": 0,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "detail_drawer": {
        "type": "vertical",
        "gap": 16,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      },
      "release_confirm_modal": {
        "type": "vertical",
        "gap": 8,
        "padding": null,
        "columns": null,
        "column_template": null,
        "row_template": null,
        "align_items": null,
        "justify_content": null,
        "wrap": false,
        "min_height": null,
        "overflow": null
      }
    },
    "layout_zones": [
      {
        "zone_id": "sidebar_zone",
        "component": "admin_sidebar",
        "anchor": "top-left",
        "size_hint": "240px",
        "z_layer": "base",
        "notes": "Fixed left sidebar for admin navigation"
      },
      {
        "zone_id": "content_zone",
        "component": "content_area",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "base",
        "notes": "Main content area fills remaining space"
      },
      {
        "zone_id": "detail_drawer_zone",
        "component": "detail_drawer",
        "anchor": "top-left",
        "size_hint": "640px",
        "z_layer": "overlay",
        "notes": "Drawer overlay for reservation detail view"
      },
      {
        "zone_id": "release_modal_zone",
        "component": "release_confirm_modal",
        "anchor": "center",
        "size_hint": "auto",
        "z_layer": "overlay",
        "notes": "Confirmation modal for releasing reservations"
      }
    ],
    "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
}
